/* Layout geometry adapted from the owner's local Karinderya PageLayouts and CSS. */
:root{color-scheme:dark;--bg:#08141f;--surface:#102331;--surface-2:#162e3d;--text:#f1f5f5;--muted:#a8bcc8;--line:#29414e;--cyan:#66dbea;--amber:#ffc766;--layout-max:90rem;--layout-padding:1rem;--layout-gap:1.5rem;--article-left-gutter-width:12.5rem;--article-right-gutter-width:17rem}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:var(--cyan);text-underline-offset:.24em}a:hover{color:#c2f7fb}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:4px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.14}h1{font-size:clamp(2.2rem,4.2vw,3.35rem);letter-spacing:-.045em}h2{font-size:clamp(1.6rem,2.8vw,2.25rem);letter-spacing:-.03em}h3{font-size:1.12rem}p{margin-bottom:1.2rem}strong{color:var(--text)}[hidden]{display:none!important}.site-container,.page-container{width:min(calc(100% - var(--layout-padding)*2),var(--layout-max));margin-inline:auto}.skip-link{position:fixed;z-index:100;left:1rem;top:1rem;transform:translateY(-180%);background:var(--amber);padding:.7rem;color:var(--bg)}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:30;background:#08141ff5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav-shell{min-height:5rem;display:flex;gap:1.8rem;align-items:center;justify-content:space-between;position:relative}.brand{display:inline-flex;gap:.65rem;align-items:center;text-decoration:none;color:var(--text);line-height:1.15;flex-shrink:0}.brand img{width:42px;height:42px;border-radius:8px}.brand strong{display:block;font-size:.92rem;letter-spacing:.065em}.brand small{display:block;font-size:.6rem;letter-spacing:.17em;color:var(--cyan);margin-top:.35rem}.primary-nav{display:flex;gap:.25rem;align-items:center}.primary-nav a{padding:.6rem .85rem;color:var(--muted);font-size:.86rem;text-decoration:none;border-radius:4px}.primary-nav a:hover,.primary-nav a[aria-current]{background:var(--surface);color:var(--text)}.nav-play{color:var(--amber)!important;border:1px solid #ffc76655}.unofficial{font-size:.68rem;color:var(--muted);border-left:1px solid var(--line);padding-left:1rem;line-height:1.4}.menu-button{display:none;background:var(--surface);border:1px solid var(--line);border-radius:4px;color:var(--text);padding:.5rem .9rem;min-height:44px}
.hero{position:relative;border-bottom:1px solid var(--line);overflow:hidden;background:radial-gradient(ellipse at 75% 30%,#16384980,transparent 55%),var(--bg)}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#66dbea05 1px,transparent 1px),linear-gradient(90deg,#66dbea05 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.hero-inner{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:4.5rem;padding-block:5rem;align-items:center}.eyebrow{display:flex;gap:.65rem;align-items:center;font-size:.7rem;font-weight:bold;text-transform:uppercase;letter-spacing:.13em;color:var(--cyan);margin-bottom:1.35rem}.eyebrow:before{content:'';width:8px;height:8px;background:var(--amber);display:block}.hero h1{font-size:clamp(2.7rem,4.8vw,4.6rem);line-height:1.02;letter-spacing:-.05em;margin-bottom:1.6rem;max-width:10ch}.hero h1 span{color:var(--cyan)}.hero-intro{max-width:36rem;color:var(--muted);font-size:1.08rem;line-height:1.7}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.8rem 0 1.35rem}.button{display:inline-flex;gap:.8rem;align-items:center;justify-content:center;min-height:46px;padding:.7rem 1.05rem;border:1px solid var(--line);border-radius:4px;text-decoration:none;background:var(--surface);color:var(--text);font-size:.87rem;font-weight:bold}.button-primary{color:var(--bg);background:var(--amber);border-color:var(--amber)}.button-primary:hover{color:var(--bg);background:#ffd990}.button-secondary:hover{background:var(--surface-2);color:var(--text)}.fine-print{font-size:.74rem;color:var(--muted);line-height:1.6}.hero-console{border:1px solid #66dbea50;border-radius:6px;background:var(--surface);box-shadow:0 24px 65px #0004;overflow:hidden}.console-label{padding:.8rem 1rem;display:flex;justify-content:space-between;color:var(--muted);font-family:monospace;font-size:.68rem;letter-spacing:.06em}.console-label span:last-child{color:var(--cyan)}.hero-console figure{margin:0}.hero-console figure img{width:100%;aspect-ratio:16/9;object-fit:cover}.hero-console figcaption{padding:.5rem 1rem;font-size:.66rem;color:var(--muted);border-bottom:1px solid var(--line)}.console-row{display:flex;justify-content:space-between;gap:1rem;padding:.72rem 1rem;border-bottom:1px solid var(--line);font-size:.8rem}.console-row:last-child{border-bottom:0}.console-row span{color:var(--muted)}.console-row b{color:var(--amber)}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.stat{padding:1.3rem 1.6rem;border-right:1px solid var(--line);display:flex;gap:1rem;align-items:center}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat strong{font-size:2.05rem;font-weight:800;line-height:1}.stat span{display:block;font-size:.75rem;color:var(--muted);line-height:1.4}.stat small{display:block;font-size:.65rem;color:var(--cyan)}
.home-section{padding-block:4.5rem;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-heading h2{margin-bottom:0}.section-heading p{max-width:27rem;color:var(--muted);font-size:.9rem;margin-bottom:0}.section-kicker{font-family:monospace;text-transform:uppercase;color:var(--cyan);font-size:.7rem;letter-spacing:.13em;margin-bottom:.8rem}.quick-answer{border:1px solid #66dbea55;border-left:3px solid var(--cyan);border-radius:4px;background:var(--surface);padding:1.6rem;margin-bottom:1.8rem}.quick-answer h2,.quick-answer h3{font-size:1.1rem;letter-spacing:0;margin-bottom:.7rem}.quick-answer p{margin:0;color:#cbd9e1}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}.step{border-top:2px solid var(--line);padding-top:1.25rem}.step-num{display:block;color:var(--cyan);font-family:monospace;font-size:.82rem;margin-bottom:1rem}.step p{color:var(--muted);font-size:.9rem;margin-bottom:.5rem}.step code{color:var(--amber);font-size:.78rem}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.split-section p{color:var(--muted)}.prompt-demo{border:1px solid var(--line);background:var(--surface);border-radius:5px;overflow:hidden}.prompt-demo header{padding:.9rem 1.2rem;border-bottom:1px solid var(--line);font-family:monospace;font-size:.73rem;color:var(--muted)}.prompt-stage{padding:1.2rem;border-bottom:1px solid var(--line)}.prompt-stage:last-child{border:0}.prompt-stage small{color:var(--muted);display:block;font-size:.72rem;margin-bottom:.4rem}.prompt-stage strong{color:var(--amber);font-size:1.05rem}.prompt-stage p{font-size:.82rem;margin:.4rem 0 0}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.route-card{display:flex;flex-direction:column;align-items:start;padding:1.5rem;border:1px solid var(--line);border-radius:5px;background:var(--surface);text-decoration:none;color:var(--text);transition:border-color .15s,background .15s}.route-card:hover{border-color:var(--cyan);background:var(--surface-2);color:var(--text)}.route-card .card-number{font-family:monospace;font-size:.72rem;color:var(--cyan);margin-bottom:1.5rem}.route-card p{font-size:.86rem;color:var(--muted);margin-bottom:1.5rem}.route-card .card-link{margin-top:auto;font-size:.8rem;color:var(--cyan);font-weight:bold}.info-list{list-style:none;margin:0;padding:0}.info-list li{display:flex;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line);font-size:.88rem;color:var(--muted)}.info-list b{min-width:8rem;font-weight:normal;color:var(--text)}.info-list li:last-child{border-bottom:0}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:1rem 0}summary{font-size:.96rem;font-weight:bold;min-height:32px}details p{color:var(--muted);margin:1rem 0 0;max-width:70ch;font-size:.9rem}.source-line{font-size:.75rem;color:var(--muted);line-height:1.7;margin-top:1.5rem}.source-line a{color:var(--muted)}
.article-page{padding-block:2.5rem 4rem}.article-shell,.article-center{min-width:0}.article-center{max-width:56rem;margin-inline:auto}.empty-rail{display:none}.breadcrumbs{font-size:.74rem;margin-bottom:2rem;color:var(--muted)}.breadcrumbs a{color:var(--muted)}.breadcrumbs span{padding-inline:.6rem}.article-intro{padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.article-intro .lead{font-size:1.08rem;color:var(--muted);max-width:65ch;margin-bottom:1.25rem}.article-meta{font-size:.72rem;color:var(--muted);display:flex;gap:.8rem;flex-wrap:wrap}.tag{display:inline-block;color:var(--cyan);border:1px solid #66dbea40;background:#66dbea0b;border-radius:3px;font-size:.66rem;font-weight:bold;padding:.2rem .45rem;letter-spacing:.02em}.tag-amber{color:var(--amber);border-color:#ffc76650;background:#ffc7660b}.toc{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;padding:1rem 0;border-bottom:1px solid var(--line);font-size:.78rem}.article-main{padding-top:2rem}.article-main section{margin-bottom:2.75rem}.article-main p,.article-main li{color:#bdcdd8}.article-main h2{font-size:1.6rem;margin-bottom:1.15rem}.article-main h3{margin-top:1.6rem}.article-main ol,.article-main ul{padding-left:1.35rem}.article-main li{margin-bottom:.7rem}.article-main .quick-answer{margin-bottom:2.25rem}.article-main .quick-answer h2{font-size:1.08rem}.callout{background:#ffc76608;border-left:3px solid var(--amber);padding:1rem 1.2rem;font-size:.88rem;margin:1.4rem 0}.callout p:last-child{margin:0}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:5px;margin-block:1rem}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.data-table th{background:var(--surface-2);color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.045em;padding:.8rem 1rem}.data-table td{padding:1rem;vertical-align:top;border-top:1px solid var(--line);color:#bdcdd8}.data-table td:first-child{font-weight:bold;color:var(--text)}.data-table .price{white-space:nowrap;font-family:monospace;color:var(--amber);font-size:.92rem}.data-table small{display:block;color:var(--muted);margin-top:.4rem;font-size:.72rem}.filter-bar{display:grid;grid-template-columns:1fr 10rem auto;gap:.75rem;margin:1.3rem 0 1rem;align-items:end}.field label{display:block;font-size:.73rem;color:var(--muted);margin-bottom:.35rem}.field input,.field select{display:block;width:100%;min-height:44px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:.65rem .8rem}.field input::placeholder{color:#9cb2c1}.reset-button{min-height:44px;background:transparent;color:var(--cyan);border:1px solid var(--line);border-radius:4px;padding:.6rem 1rem}.filter-status{font-size:.75rem;color:var(--muted)}.empty-state{padding:2rem;border:1px dashed var(--line);text-align:center;color:var(--muted)}.badge-list{display:grid;gap:.75rem}.badge-row{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:1.2rem;display:grid;grid-template-columns:3.2rem 1fr;gap:1rem}.badge-symbol{width:3.2rem;height:3.2rem;border:1px solid #66dbea50;display:flex;align-items:center;justify-content:center;border-radius:50%;font-family:monospace;color:var(--cyan);font-size:.88rem}.badge-row h3{margin:0 0 .6rem;font-size:1.02rem}.badge-row p{font-size:.85rem;margin:.6rem 0;color:var(--muted)}.badge-row a{font-size:.74rem}.badge-row .tag{margin-left:.45rem;vertical-align:middle}.related{border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2rem}.related h2{font-size:1.08rem}.related-links{display:flex;gap:.7rem;flex-wrap:wrap}.related-links a{border:1px solid var(--line);padding:.65rem .8rem;border-radius:4px;font-size:.78rem;text-decoration:none}.article-image{border:1px solid var(--line);border-radius:4px;overflow:hidden;margin:1.5rem 0}.article-image figcaption{font-size:.7rem;color:var(--muted);padding:.7rem 1rem;background:var(--surface)}.article-image img{width:100%;aspect-ratio:16/9;object-fit:cover}.source-entry{padding:1.25rem 0;border-bottom:1px solid var(--line)}.source-entry h2{font-size:1rem}.source-entry a{overflow-wrap:anywhere}.source-entry p{font-size:.86rem;margin-bottom:.5rem}.legal p{max-width:70ch}.site-footer{border-top:1px solid var(--line);background:#06111b;padding-top:3.5rem}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem;padding-bottom:2.5rem}.footer-brand .brand{margin-bottom:1.2rem}.footer-brand p{max-width:22rem;color:var(--muted);font-size:.78rem}.footer-grid h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:1rem}.footer-grid nav a{display:block;font-size:.8rem;color:#c0d1dd;text-decoration:none;margin-bottom:.55rem}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-block:1.25rem;font-size:.68rem;color:var(--muted)}.footer-bottom a{margin-left:1rem;color:var(--muted)}
@media(min-width:1280px){.article-shell{display:grid;grid-template-columns:var(--article-left-gutter-width) minmax(0,1fr) var(--article-right-gutter-width);column-gap:var(--layout-gap);align-items:start}.article-center{grid-column:2;width:100%;max-width:none}.empty-rail{display:block}.empty-rail:last-child{grid-column:3}}
@media(max-width:1150px){.unofficial{display:none}.hero-inner{gap:2rem}.primary-nav a{padding:.55rem .65rem}.hero h1{font-size:3.6rem}.stat{padding:1.2rem 1rem}.split-section{gap:2rem}}
@media(max-width:760px){html{scroll-padding-top:6rem}.nav-shell{min-height:4.4rem}.menu-button{display:block}.brand strong{font-size:.77rem}.brand img{width:36px;height:36px}.primary-nav{display:none;position:absolute;top:calc(100% + 1px);left:-1rem;right:-1rem;background:var(--bg);border-bottom:1px solid var(--line);padding:1rem;box-shadow:0 12px 20px #0005}.primary-nav.is-open{display:flex;flex-direction:column;align-items:stretch}.primary-nav a{padding:.8rem}.hero-inner{grid-template-columns:1fr;padding-block:2.75rem;gap:2rem}.hero h1{font-size:3.4rem;max-width:11ch}.hero-intro{font-size:.96rem}.hero-actions{margin-top:1.4rem}.eyebrow{font-size:.62rem;letter-spacing:.09em}.console-label{font-size:.61rem}.stats-bar{grid-template-columns:repeat(2,1fr)}.stat,.stat:first-child{padding:1rem .5rem}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.stat strong{font-size:1.7rem}.stat small{font-size:.61rem}.home-section{padding-block:2.75rem}.section-heading{display:block}.section-heading p{margin-top:1rem}.step-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.step-num{margin-bottom:.6rem}.split-section{grid-template-columns:1fr;gap:1.7rem}.route-grid{grid-template-columns:1fr}.route-card{padding:1.3rem}.route-card .card-number{margin-bottom:.8rem}.route-card p{margin-bottom:1rem}.article-page{padding-top:1.5rem}.breadcrumbs{margin-bottom:1.5rem}.article-intro .lead{font-size:.96rem}.article-main{padding-top:1.5rem}.article-main h2{font-size:1.45rem}.quick-answer{padding:1.2rem}.filter-bar{grid-template-columns:1fr auto}.filter-bar .field:first-child{grid-column:1/-1}.badge-row{grid-template-columns:2.5rem 1fr;gap:.8rem;padding:1rem}.badge-symbol{width:2.5rem;height:2.5rem}.badge-row .tag{display:table;margin:.6rem 0 0}.data-table td,.data-table th{padding:.75rem}.data-table{font-size:.8rem}.footer-grid{grid-template-columns:1fr 1fr;gap:1.8rem}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:.6rem}.footer-bottom a:first-child{margin-left:0}.info-list b{min-width:7rem}}
@media(max-width:359px){.hero h1{font-size:2.85rem}.step-grid{grid-template-columns:1fr}.hero-actions{display:grid}.stat{gap:.6rem}.badge-row{grid-template-columns:1fr}.badge-symbol{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
