/* NSOWO Professional Responsive UI Layer v2.0
   Native CSS only. No CDN, no external fonts, no runtime dependency. */
:root{
  --nsowo-page-pad: clamp(12px, 2.4vw, 28px);
  --nsowo-max: 1180px;
  --nsowo-radius-xl: 28px;
  --nsowo-radius-lg: 20px;
  --nsowo-radius-md: 14px;
  --nsowo-shadow-soft: 0 1px 2px rgba(15,23,42,.05),0 18px 48px rgba(15,23,42,.08);
  --nsowo-shadow-hover: 0 8px 22px rgba(15,23,42,.08),0 28px 70px rgba(15,23,42,.12);
  --nsowo-gradient: radial-gradient(circle at 86% 8%,rgba(20,184,166,.16),transparent 30%),radial-gradient(circle at 14% 10%,rgba(197,86,63,.10),transparent 26%),linear-gradient(180deg,var(--bg,#f7f8fb),var(--bg,#f7f8fb));
}
html{scroll-padding-top:96px;overflow-x:hidden}body{min-width:320px;background:var(--nsowo-gradient)!important;overflow-x:hidden}.wrap{width:min(var(--nsowo-max),calc(100% - (var(--nsowo-page-pad) * 2)))!important;max-width:none!important;padding-inline:0!important}.top{position:sticky!important;top:10px;z-index:40;margin-block:clamp(10px,2vw,18px)!important;padding:10px 12px!important;border:1px solid color-mix(in srgb,var(--border,#e2e8f0),transparent 18%)!important;border-radius:999px!important;background:color-mix(in srgb,var(--surface,#fff),transparent 8%)!important;box-shadow:0 10px 32px rgba(15,23,42,.08)!important;backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px)}.brand{display:inline-flex!important;align-items:center;gap:.62rem;min-inline-size:max-content;font-size:clamp(1.1rem,2vw,1.55rem)!important;line-height:1.2}.brand::before{content:"";inline-size:36px;block-size:36px;border-radius:13px;background:linear-gradient(135deg,var(--brand,#0d6e66),var(--accent,#c5563f));box-shadow:0 10px 24px rgba(13,110,102,.22),inset 0 1px rgba(255,255,255,.35)}.nav{display:flex!important;align-items:center;justify-content:flex-end;gap:6px!important;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;max-inline-size:100%;padding:2px}.nav::-webkit-scrollbar{display:none}.nav a{scroll-snap-align:center;min-inline-size:max-content;border:1px solid transparent;background:transparent;padding:.55rem .85rem!important;border-radius:999px!important;font-weight:750!important}.nav a:hover,.nav a:focus-visible{border-color:var(--border,#e2e8f0);background:var(--brand-soft,#e6f8f5)!important;text-decoration:none!important}.hero{position:relative;overflow:hidden;isolation:isolate;padding:clamp(24px,5vw,58px)!important;border-radius:var(--nsowo-radius-xl)!important;box-shadow:var(--nsowo-shadow-soft)!important;background:radial-gradient(circle at 92% 4%,rgba(45,212,191,.22),transparent 32%),linear-gradient(135deg,var(--brand-soft,#e6f8f5),var(--surface,#fff) 62%,color-mix(in srgb,var(--brand-soft,#e6f8f5),transparent 25%))!important}.hero::before{content:"";position:absolute;inset-block-start:18px;inset-inline-end:22px;inline-size:110px;block-size:110px;border:1px solid color-mix(in srgb,var(--brand,#0d6e66),transparent 68%);border-radius:32px;transform:rotate(15deg);opacity:.75;z-index:-1}.hero::after{content:"";position:absolute;inset-block-end:-48px;inset-inline-start:-42px;inline-size:180px;block-size:180px;border-radius:999px;background:color-mix(in srgb,var(--accent,#c5563f),transparent 84%);filter:blur(2px);z-index:-1}.hero h1{font-size:clamp(2rem,6vw,4.25rem)!important;line-height:1.12!important;letter-spacing:-.035em!important;max-inline-size:13ch}.hero p{max-inline-size:68ch;font-size:clamp(1rem,1.4vw,1.18rem)!important;line-height:1.9!important}.grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))!important;gap:clamp(14px,2vw,24px)!important;align-items:stretch}.card{position:relative;overflow:hidden;padding:clamp(14px,1.8vw,18px)!important;border-radius:var(--nsowo-radius-lg)!important;border-color:color-mix(in srgb,var(--border,#e2e8f0),transparent 12%)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--surface,#fff),transparent 0%),color-mix(in srgb,var(--surface,#fff),var(--surface-2,#f1f5f9) 18%))!important;box-shadow:var(--nsowo-shadow-soft)!important;min-block-size:100%;contain-intrinsic-size:420px}.card:hover{transform:translateY(-4px)!important;box-shadow:var(--nsowo-shadow-hover)!important}.card>a:first-child{display:block;margin:calc(clamp(14px,1.8vw,18px) * -1) calc(clamp(14px,1.8vw,18px) * -1) .35rem}.thumb,.card img{inline-size:100%!important;aspect-ratio:16/10!important;object-fit:cover!important;border-radius:18px!important;background:linear-gradient(135deg,var(--surface-2,#f1f5f9),var(--brand-soft,#e6f8f5))!important}.card h2{font-size:clamp(1.05rem,1.5vw,1.28rem)!important;line-height:1.55!important;margin-block:.2rem!important}.card p{font-size:.98rem!important;line-height:1.85!important}.meta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .55rem;color:var(--muted,#64748b)!important}.article,.panel{position:relative;border-radius:var(--nsowo-radius-xl)!important;box-shadow:var(--nsowo-shadow-soft)!important}.article{padding:clamp(18px,4vw,42px)!important}.article .breadcrumb,.article h1,.article .meta{inline-size:min(100%,880px);margin-inline:auto}.article h1{font-size:clamp(2rem,5.6vw,3.75rem)!important;line-height:1.18!important;letter-spacing:-.035em!important}.article .thumb{inline-size:min(100%,980px)!important;margin-inline:auto!important;border-radius:var(--nsowo-radius-xl)!important;box-shadow:0 16px 44px rgba(15,23,42,.13)}.article .content{inline-size:min(100%,76ch)!important;max-width:none!important;margin-inline:auto!important;font-size:clamp(1.03rem,1.25vw,1.18rem)!important;line-height:1.95!important}.article .content p{margin-block:1.05em}.article .content h2{font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.35}.article .content h3{font-size:clamp(1.2rem,2.3vw,1.55rem);line-height:1.45}.article .content table{display:block;inline-size:100%;overflow:auto;border-collapse:collapse;border:1px solid var(--border,#e2e8f0);border-radius:14px;background:var(--surface,#fff)}.article .content th,.article .content td{padding:.75rem;border-bottom:1px solid var(--border,#e2e8f0);white-space:nowrap}.article .content figure{margin-inline:0}.article .content pre{overflow:auto;background:var(--surface-2,#f1f5f9);padding:1rem;border-radius:16px}.breadcrumb{padding:.4rem 0;color:var(--muted,#64748b)}.breadcrumb a{font-weight:750}.panel h2{margin-top:0}.empty{box-shadow:var(--nsowo-shadow-soft);border-radius:var(--nsowo-radius-lg)!important;background:var(--surface,#fff)!important}.footer{margin-top:clamp(28px,5vw,58px)!important;padding-block:clamp(22px,4vw,34px)!important}.nsowo-search-form,.hero form{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin-top:1rem}.nsowo-search-form input,.hero form input[name="q"]{flex:1 1 260px;min-inline-size:0;width:auto!important;border:1px solid var(--border,#e2e8f0)!important;border-radius:16px!important;background:var(--surface,#fff)!important;color:var(--ink,#0f172a)!important;padding:.9rem 1rem!important;box-shadow:inset 0 1px 2px rgba(15,23,42,.04)}.nsowo-search-form button,.hero form button{inline-size:auto;border:0!important;border-radius:16px!important;background:linear-gradient(135deg,var(--brand,#0d6e66),var(--brand-deep,#0a5751))!important;color:#fff!important;padding:.9rem 1.25rem!important;font-weight:850;box-shadow:0 12px 28px rgba(13,110,102,.24);cursor:pointer}.nsowo-search-form button:hover,.hero form button:hover{filter:brightness(1.05);transform:translateY(-1px)}.warn{box-shadow:var(--nsowo-shadow-soft)}
@media (max-width: 980px){.top{border-radius:24px!important;align-items:flex-start!important}.nav{inline-size:100%;justify-content:flex-start}.hero h1{max-inline-size:16ch}.article .content{font-size:1.05rem!important}.card{content-visibility:visible}}
@media (max-width: 680px){:root{--nsowo-page-pad:10px}.top{position:relative!important;top:auto;border-radius:20px!important;gap:10px!important}.brand::before{inline-size:32px;block-size:32px;border-radius:11px}.nav{padding-block:4px;gap:5px!important}.nav a{padding:.52rem .74rem!important;font-size:.92rem!important}.hero{padding:22px 16px!important;border-radius:22px!important}.hero h1{font-size:clamp(1.8rem,10vw,2.65rem)!important}.grid{grid-template-columns:1fr!important}.card{border-radius:18px!important}.article,.panel{padding:16px!important;border-radius:22px!important}.article h1{font-size:clamp(1.75rem,9vw,2.6rem)!important}.article .content{line-height:1.9!important}.nsowo-search-form,.hero form{display:grid;grid-template-columns:1fr}.nsowo-search-form button,.hero form button{inline-size:100%}.footer{text-align:start!important}}
@media (max-width: 390px){.wrap{width:calc(100% - 16px)!important}.card h2{font-size:1rem!important}.article .content{font-size:1rem!important}.meta{font-size:.86rem!important}}
@media (prefers-reduced-motion: reduce){.card:hover,.nsowo-search-form button:hover,.hero form button:hover{transform:none!important}}