@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../fonts/space-grotesk-vietnamese-wght-normal.D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../fonts/space-grotesk-latin-ext-wght-normal.D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(../fonts/space-grotesk-latin-wght-normal.BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.pn-tool{--font-display: "Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "Cascadia Code", Consolas, "SF Mono", Menlo, monospace;--text-xs: .78rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.35rem;--text-2xl: 1.7rem;--text-3xl: 2.2rem;--text-4xl: clamp(2.4rem, 5vw, 3.4rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--ease-spring: cubic-bezier(.22, 1.4, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .14s;--dur-med: .28s;--dur-slow: .42s;--max-w: 76rem;--max-w-prose: 46rem}
.pn-tool,.pn-tool{color-scheme:light;--bg: #ffffff;--bg-2: #f4f7fc;--bg-3: #e9eff8;--panel: #ffffff;--panel-solid: #ffffff;--panel-border: #dbe4f0;--panel-border-strong: #b6c6de;--text: #101828;--text-2: #45526e;--text-3: #5d6b89;--accent: #0e7490;--accent-2: #2563eb;--accent-deep: #1e40af;--btn-grad-from: #2563eb;--btn-grad-to: #1e40af;--link: #1d4ed8;--link-hover: #1e40af;--ok: #15803d;--ok-strong: #166534;--bad: #b91c1c;--bad-strong: #991b1b;--warn: #c2410c;--info: #1e40af;--glow-accent: 0 6px 24px rgba(37, 99, 235, .16);--glow-soft: 0 4px 16px rgba(37, 99, 235, .1);--shadow-panel: 0 6px 24px rgba(16, 24, 40, .07);--code-bg: #f4f7fc;--code-border: #dbe4f0;--input-bg: #ffffff;--input-border: #b6c6de;--hero-grad: radial-gradient(1200px 600px at 70% -10%, rgba(37, 99, 235, .08), transparent 60%), radial-gradient(900px 500px at 10% 10%, rgba(14, 116, 144, .06), transparent 55%);--grid-line: rgba(37, 99, 235, .05)}
.pn-tool img,.pn-tool svg,.pn-tool video,.pn-tool canvas{display:block;max-width:100%}
.pn-tool img{height:auto}
.pn-tool input,.pn-tool button,.pn-tool textarea,.pn-tool select{font:inherit;color:inherit}
.pn-tool h1,.pn-tool h2,.pn-tool h3,.pn-tool h4{font-family:var(--font-display);font-weight:600;line-height:1.18;letter-spacing:-.015em;text-wrap:balance}
.pn-tool h1{font-size:var(--text-4xl)}
.pn-tool h2{font-size:var(--text-2xl)}
.pn-tool h3{font-size:var(--text-xl)}
.pn-tool h4{font-size:var(--text-lg)}
.pn-tool p,.pn-tool ul,.pn-tool ol{color:inherit}
.pn-tool a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:3px}
.pn-tool a:hover{color:var(--link-hover)}
.pn-tool code,.pn-tool pre,.pn-tool kbd{font-family:var(--font-mono);font-size:.92em}
.pn-tool pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;line-height:1.55}
.pn-tool :not(pre)>code{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-sm);padding:.12em .4em}
.pn-tool ::selection{background:var(--accent-2);color:#fff}
.pn-tool :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}
.pn-tool .wrap{max-width:var(--max-w);margin-inline:auto;padding-inline:var(--space-4)}
.pn-tool .wrap-prose{max-width:var(--max-w-prose);margin-inline:auto;padding-inline:var(--space-4)}
.pn-tool main{display:block;padding-bottom:var(--space-8)}
.pn-tool .panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel)}
.pn-tool .panel-glow{box-shadow:var(--shadow-panel),var(--glow-soft)}
.pn-tool .panel-pad{padding:var(--space-5)}
.pn-tool .btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.6rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--panel-border-strong);background:var(--panel);color:var(--text);font-weight:600;font-size:var(--text-sm);cursor:pointer;text-decoration:none;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) ease,border-color var(--dur-fast) ease,background var(--dur-fast) ease;user-select:none}
.pn-tool .btn:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:var(--glow-soft);color:var(--text)}
.pn-tool .btn:active{transform:translateY(0) scale(.98)}
.pn-tool .btn-primary{background:linear-gradient(135deg,var(--btn-grad-from),var(--btn-grad-to));border-color:transparent;color:#fff}
.pn-tool .btn-primary:hover{box-shadow:var(--glow-accent);color:#fff}
.pn-tool .btn-sm{padding:.35rem .7rem;font-size:var(--text-xs);border-radius:var(--radius-sm)}
.pn-tool .btn-ghost{background:transparent;border-color:transparent}
.pn-tool .btn-ghost:hover{border-color:var(--panel-border-strong);box-shadow:none}
.pn-tool .btn[aria-pressed=true],.pn-tool .btn.is-active{background:linear-gradient(135deg,var(--btn-grad-from),var(--btn-grad-to));border-color:transparent;color:#fff}
.pn-tool .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.pn-tool .presets{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.pn-tool .field{display:flex;flex-direction:column;gap:var(--space-1)}
.pn-tool .field>label{font-size:var(--text-sm);font-weight:600;color:var(--text-2)}
.pn-tool input[type=text],.pn-tool input[type=number],.pn-tool input[type=url],.pn-tool input[type=search],.pn-tool textarea,.pn-tool select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);padding:.55rem .8rem;color:var(--text);width:100%;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}
.pn-tool input:focus,.pn-tool textarea:focus,.pn-tool select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent);outline:none}
.pn-tool textarea{font-family:var(--font-mono);resize:vertical}
.pn-tool input[type=range]{width:100%;accent-color:var(--accent-2)}
.pn-tool input[type=checkbox]{accent-color:var(--accent-2);width:1.05rem;height:1.05rem}
.pn-tool .badge{display:inline-flex;align-items:center;gap:.35em;font-size:var(--text-xs);font-weight:700;letter-spacing:.02em;padding:.2em .65em;border-radius:999px;border:1px solid var(--panel-border-strong);color:var(--text-2)}
.pn-tool .badge-ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 50%,transparent)}
.pn-tool .badge-bad{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 50%,transparent)}
.pn-tool .badge-warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 50%,transparent)}
.pn-tool .badge-info{color:var(--info);border-color:color-mix(in srgb,var(--info) 50%,transparent)}
.pn-tool .meter{height:10px;border-radius:999px;background:var(--bg-3);overflow:hidden}
.pn-tool .meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width var(--dur-slow) var(--ease-out),background var(--dur-med) ease}
.pn-tool .meter.is-bad>span{background:linear-gradient(90deg,var(--bad-strong),var(--bad))}
.pn-tool .meter.is-warn>span{background:linear-gradient(90deg,#ea580c,var(--warn))}
.pn-tool .meter.is-ok>span{background:linear-gradient(90deg,var(--ok-strong),var(--ok))}
.pn-tool .card{display:block;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:var(--space-5);text-decoration:none;color:var(--text);transition:transform var(--dur-med) var(--ease-spring),border-color var(--dur-fast) ease,box-shadow var(--dur-med) ease}
.pn-tool .card:hover{transform:translateY(-3px);border-color:var(--panel-border-strong);box-shadow:var(--shadow-panel),var(--glow-soft);color:var(--text)}
.pn-tool .card h3{margin-bottom:var(--space-2)}
.pn-tool .card p{color:var(--text-2);font-size:var(--text-sm)}
.pn-tool .card .card-kicker{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:var(--space-2)}
.pn-tool .grid-cards{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.pn-tool .tldr{border:1px solid var(--panel-border-strong);border-left:4px solid var(--accent);background:var(--panel);border-radius:var(--radius-lg);padding:var(--space-5);margin-block:var(--space-5)}
.pn-tool .tldr .tldr-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:var(--space-2)}
.pn-tool .tldr p{font-size:var(--text-lg)}
.pn-tool .tldr .tldr-stats{display:flex;flex-wrap:wrap;gap:var(--space-5);margin-top:var(--space-4)}
.pn-tool .tldr .tldr-stat b{display:block;font-family:var(--font-display);font-size:var(--text-2xl);color:var(--accent);line-height:1.1}
.pn-tool .tldr .tldr-stat span{font-size:var(--text-xs);color:var(--text-2)}
.pn-tool .prose{max-width:var(--max-w-prose)}
.pn-tool .prose>*+*{margin-top:var(--space-4)}
.pn-tool .prose h2{margin-top:var(--space-7);scroll-margin-top:90px}
.pn-tool .prose h3{margin-top:var(--space-6);scroll-margin-top:90px}
.pn-tool .prose ul,.pn-tool .prose ol{padding-left:1.4rem}
.pn-tool .prose li+li{margin-top:var(--space-2)}
.pn-tool .prose blockquote{border-left:3px solid var(--accent);padding-left:var(--space-4);color:var(--text-2);font-style:italic}
.pn-tool .prose table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}
.pn-tool .prose th,.pn-tool .prose td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--panel-border)}
.pn-tool .prose th{font-family:var(--font-display);color:var(--text-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}
.pn-tool .prose tr.verdict{background:color-mix(in srgb,var(--accent-2) 12%,transparent);font-weight:600}
.pn-tool .prose hr{border:0;border-top:1px solid var(--panel-border);margin-block:var(--space-6)}
.pn-tool .table-wrap{overflow-x:auto}
@media(prefers-reduced-motion:no-preference){}
@media(prefers-reduced-motion:reduce){}
.pn-tool .ad-slot{border:1px dashed var(--panel-border);border-radius:var(--radius-md);min-height:90px;display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb,var(--bg-2) 50%,transparent)}
.pn-tool .ad-slot:empty:after{content:""}
.pn-tool .fig{margin-block:var(--space-6)}
.pn-tool .fig img{border-radius:var(--radius-lg);border:1px solid var(--panel-border);width:100%}
.pn-tool .fig figcaption{font-size:var(--text-sm);color:var(--text-2);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}
.pn-tool .fig .fig-actions{display:inline-flex;gap:var(--space-1);margin-left:auto}
.pn-tool .fig .fig-actions button,.pn-tool .fig .fig-actions a{background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-3);cursor:pointer;padding:.15rem .4rem;font-size:var(--text-xs);display:inline-flex;align-items:center;gap:.3em;text-decoration:none}
.pn-tool .fig .fig-actions button:hover,.pn-tool .fig .fig-actions a:hover{color:var(--accent);border-color:var(--panel-border)}
.pn-tool .lightbox{position:fixed;inset:0;z-index:80;background:#020617e0;display:none;align-items:center;justify-content:center;padding:var(--space-5);cursor:zoom-out}
.pn-tool .lightbox.is-open{display:flex}
.pn-tool .lightbox img{max-width:min(1200px,96vw);max-height:92vh;width:auto;border-radius:var(--radius-lg);box-shadow:var(--glow-accent)}
.pn-tool .crumbs{font-size:var(--text-sm);color:var(--text-3);padding-block:var(--space-4)}
.pn-tool .crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0}
.pn-tool .crumbs li+li:before{content:"/";margin-right:var(--space-2);color:var(--text-3)}
.pn-tool .crumbs a{color:var(--text-2);text-decoration:none}
.pn-tool .crumbs a:hover{color:var(--link)}
.pn-tool .article-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6)}
@media(min-width:1060px){.pn-tool .article-grid{grid-template-columns:minmax(0,1fr) 240px}
.pn-tool .article-side{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:thin;padding-right:2px}}
.pn-tool .toc{font-size:var(--text-sm)}
.pn-tool .toc .toc-title{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin-bottom:var(--space-2)}
.pn-tool .toc ol{list-style:none;padding:0;border-left:1px solid var(--panel-border)}
.pn-tool .toc li a{display:block;padding:.3rem 0 .3rem .9rem;color:var(--text-2);text-decoration:none;border-left:2px solid transparent;margin-left:-1.5px}
.pn-tool .toc li a:hover{color:var(--link)}
.pn-tool .toc li a.is-current{color:var(--accent);border-left-color:var(--accent)}
.pn-tool .hero{padding-block:var(--space-8) var(--space-7);position:relative}
.pn-tool .hero .hero-kicker{font-family:var(--font-display);color:var(--accent);font-size:var(--text-sm);font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--space-3)}
.pn-tool .hero h1{max-width:18ch}
.pn-tool .hero .hero-sub{color:var(--text-2);font-size:var(--text-lg);max-width:54ch;margin-top:var(--space-4)}
.pn-tool .hero .hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}
.pn-tool .section-title{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5)}
.pn-tool .section-title .all-link{font-size:var(--text-sm);margin-left:auto}
.pn-tool .tool-head{padding-block:var(--space-5) var(--space-4)}
.pn-tool .tool-head h1{font-size:var(--text-3xl)}
.pn-tool .tool-head .tool-sub{color:var(--text-2);margin-top:var(--space-2);max-width:64ch}
.pn-tool .privacy-note{display:inline-flex;align-items:center;gap:.4em;font-size:var(--text-xs);color:var(--ok);font-weight:600}
.pn-tool .tool-panel{margin-bottom:var(--space-6)}
.pn-tool .tool-grid{display:grid;gap:var(--space-4)}
@media(min-width:860px){.pn-tool .tool-grid-2{grid-template-columns:1fr 1fr}}
.pn-tool .result-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}
.pn-tool .result-value{font-family:var(--font-mono);font-size:var(--text-lg);background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);overflow-wrap:anywhere;flex:1;min-width:0}
.pn-tool .kv{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:.4rem 1.2rem;font-size:var(--text-sm)}
.pn-tool .kv dt{color:var(--text-3)}
.pn-tool .kv dd{margin:0;font-family:var(--font-mono);overflow-wrap:anywhere}
.pn-tool .btn[data-copied=true]{border-color:var(--ok);color:var(--ok)}
.pn-tool .search-modal{position:fixed;inset:0;z-index:90;display:none;background:#020617b3;padding:10vh var(--space-4) var(--space-4)}
.pn-tool .search-modal.is-open{display:block}
.pn-tool .search-box{max-width:640px;margin-inline:auto}
.pn-tool .search-results{max-height:55vh;overflow-y:auto;margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}
.pn-tool .search-results a{display:block;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-decoration:none;border:1px solid transparent}
.pn-tool .search-results a:hover,.pn-tool .search-results a.is-sel{background:var(--panel);border-color:var(--panel-border-strong)}
.pn-tool .search-results .sr-title{font-weight:600;color:var(--text)}
.pn-tool .search-results .sr-excerpt{font-size:var(--text-sm);color:var(--text-2)}
.pn-tool .search-results mark{background:color-mix(in srgb,var(--accent-2) 30%,transparent);color:inherit;border-radius:2px}
.pn-tool .stat-row{display:flex;flex-wrap:wrap;gap:var(--space-6)}
.pn-tool .stat b{display:block;font-family:var(--font-display);font-size:var(--text-3xl);color:var(--accent);line-height:1.05}
.pn-tool .stat span{color:var(--text-2);font-size:var(--text-sm)}
@media(max-width:640px){.pn-tool .hero{padding-block:var(--space-6) var(--space-5)}
.pn-tool .panel-pad{padding:var(--space-4)}}
.pn-tool .header-inner[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:var(--space-4);height:60px}
.pn-tool .brand[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--text);flex:none}
.pn-tool .brand-name[data-astro-cid-3ef6ksr2]{font-family:var(--font-display);font-size:1.12rem;letter-spacing:.01em}
.pn-tool .brand-name[data-astro-cid-3ef6ksr2] b[data-astro-cid-3ef6ksr2]{color:var(--accent);font-weight:700}
.pn-tool nav[data-astro-cid-3ef6ksr2][aria-label=Main]{overflow-x:auto;scrollbar-width:none;min-width:0}
.pn-tool nav[data-astro-cid-3ef6ksr2][aria-label=Main]::-webkit-scrollbar{display:none}
.pn-tool .main-nav[data-astro-cid-3ef6ksr2]{display:flex;gap:var(--space-2);list-style:none;margin:0;padding:0;white-space:nowrap}
.pn-tool .main-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{text-decoration:none;color:var(--text-2);font-size:var(--text-sm);font-weight:600;padding:.35rem .55rem;border-radius:var(--radius-sm);transition:color var(--dur-fast) ease,background var(--dur-fast) ease}
.pn-tool .main-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{color:var(--text);background:color-mix(in srgb,var(--accent-2) 12%,transparent)}
.pn-tool .main-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2][aria-current=page]{color:var(--accent)}
.pn-tool .header-actions[data-astro-cid-3ef6ksr2]{margin-left:auto;display:flex;gap:var(--space-1);flex:none}
.pn-tool .search-kbd[data-astro-cid-3ef6ksr2]{font-size:.7rem;border:1px solid var(--panel-border-strong);border-radius:4px;padding:0 .32em;color:var(--text-3)}
.pn-tool .nav-toggle[data-astro-cid-3ef6ksr2]{display:none;align-items:center;justify-content:center;width:36px;height:34px;padding:0;cursor:pointer;background:none;border:1px solid var(--panel-border-strong);border-radius:var(--radius-sm);color:var(--text-2)}
.pn-tool .nav-toggle[data-astro-cid-3ef6ksr2]:hover{color:var(--text)}
.pn-tool .nav-toggle[data-astro-cid-3ef6ksr2] .ico-close[data-astro-cid-3ef6ksr2]{display:none}
.pn-tool .nav-cb[data-astro-cid-3ef6ksr2]:checked~.header-actions[data-astro-cid-3ef6ksr2] .nav-toggle[data-astro-cid-3ef6ksr2] .ico-bars[data-astro-cid-3ef6ksr2]{display:none}
.pn-tool .nav-cb[data-astro-cid-3ef6ksr2]:checked~.header-actions[data-astro-cid-3ef6ksr2] .nav-toggle[data-astro-cid-3ef6ksr2] .ico-close[data-astro-cid-3ef6ksr2]{display:inline}
@media(max-width:560px){.pn-tool .header-inner[data-astro-cid-3ef6ksr2]{gap:var(--space-3)}
.pn-tool .search-kbd[data-astro-cid-3ef6ksr2]{display:none}}
@media(max-width:767px){.pn-tool .nav-toggle[data-astro-cid-3ef6ksr2]{display:inline-flex}
.pn-tool nav[data-astro-cid-3ef6ksr2][aria-label=Main]{position:absolute;top:100%;left:0;right:0;background:var(--bg-2);border-bottom:1px solid var(--panel-border);box-shadow:0 14px 34px #0000004d;overflow:hidden;max-height:0;transition:max-height var(--dur-fast) ease;z-index:60}
.pn-tool .nav-cb[data-astro-cid-3ef6ksr2]:checked~nav[data-astro-cid-3ef6ksr2][aria-label=Main]{max-height:80vh}
.pn-tool .main-nav[data-astro-cid-3ef6ksr2]{flex-direction:column;align-items:stretch;gap:0;padding:var(--space-2) var(--space-5);white-space:normal}
.pn-tool .main-nav[data-astro-cid-3ef6ksr2] li[data-astro-cid-3ef6ksr2]+li[data-astro-cid-3ef6ksr2]{border-top:1px solid var(--panel-border)}
.pn-tool .main-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{display:block;padding:.85rem .4rem;font-size:var(--text-base);border-radius:0}
.pn-tool .main-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2][aria-current=page]{color:var(--accent)}}
.pn-tool .footer-grid[data-astro-cid-sz7xmlte]{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.pn-tool .footer-brand[data-astro-cid-sz7xmlte]{font-family:var(--font-display);font-size:var(--text-lg)}
.pn-tool .footer-brand[data-astro-cid-sz7xmlte] b[data-astro-cid-sz7xmlte]{color:var(--accent)}
.pn-tool .footer-tag[data-astro-cid-sz7xmlte]{color:var(--text-2);font-size:var(--text-sm);margin-top:var(--space-2);max-width:36ch}
.pn-tool .footer-h[data-astro-cid-sz7xmlte]{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin-bottom:var(--space-3)}
.pn-tool .footer-bottom[data-astro-cid-sz7xmlte]{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--panel-border);color:var(--text-3);font-size:var(--text-xs)}
.pn-tool .search-hint[data-astro-cid-qk3db3zz]{font-size:var(--text-xs);color:var(--text-3);margin-top:var(--space-3)}