.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;padding:8px 16px;background:#0ea5e9;color:#06121f;border-radius:0 0 8px 0}.skip-link:focus{left:8px;top:8px}body{margin:0;color:#cbd5e1;font-family:Noto Sans JP,system-ui,-apple-system,Segoe UI,sans-serif;background-color:#0b1220;background-image:linear-gradient(rgba(56,189,248,.045) 1px,transparent 0),linear-gradient(90deg,rgba(56,189,248,.045) 1px,transparent 0),radial-gradient(120% 80% at 50% 0,rgba(30,58,92,.5),transparent 60%);background-size:36px 36px,36px 36px,100% 100%;background-attachment:fixed}.htb-mono,code{font-family:Montserrat,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.htb-hero{position:relative;overflow:hidden;padding:60px 18px 50px;color:#e2e8f0;border-bottom:1px solid rgba(56,189,248,.18);background:radial-gradient(120% 120% at 50% -10%,rgba(56,189,248,.12),transparent 60%),linear-gradient(135deg,#0b1220,#111e35 55%,#0b1a2e)}.htb-hero:before{background:url(/img/how-this-site/hero.webp) 50%/cover no-repeat;opacity:.26}.htb-hero:after,.htb-hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}.htb-hero:after{background:linear-gradient(180deg,rgba(8,13,24,.35),rgba(8,13,24,.68))}.htb-hero__inner{position:relative;z-index:1;max-width:920px;margin:0 auto;text-align:center}.htb-hero__kicker{display:inline-flex;align-items:center;gap:7px;font-family:Montserrat,monospace;font-weight:700;letter-spacing:.16em;font-size:.72rem;color:#7dd3fc;border:1px solid rgba(125,211,252,.4);border-radius:999px;padding:5px 14px;margin-bottom:16px}.htb-hero__title{font-family:Shippori Mincho,serif;font-weight:900;font-size:clamp(1.55rem,5.2vw,2.6rem);line-height:1.34;margin:0 0 14px;color:#f1f5f9}.htb-hero__title em{font-style:normal;color:#38bdf8}.htb-hero__lead{font-size:clamp(.92rem,2.5vw,1.04rem);line-height:1.95;max-width:740px;margin:0 auto 22px;color:#b8c6d9}.htb-hero__lead strong{color:#7dd3fc}.htb-hero__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.htb-hero__chip{font-family:Montserrat,monospace;font-size:.74rem;font-weight:700;color:#cbd5e1;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.28);border-radius:8px;padding:6px 12px}.page-sec-nav{position:sticky;top:54px;z-index:998;background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(17,30,53,.96));-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-shadow:0 2px 10px rgba(0,0,0,.3);border-bottom:1px solid rgba(56,189,248,.2)}.page-sec-nav::-webkit-scrollbar{display:none}.page-sec-nav-inner{display:flex;align-items:stretch;justify-content:safe center;max-width:1100px;margin:0 auto;padding:0 8px;white-space:nowrap}.page-sec-nav a{color:#93c5e8;font-family:Montserrat,Noto Sans JP,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.03em;padding:9px 12px;text-decoration:none;border-bottom:2px solid transparent;transition:color .2s,border-color .2s,background .2s}.page-sec-nav a:focus-visible,.page-sec-nav a:hover{color:#fff;border-bottom-color:#38bdf8;background:rgba(56,189,248,.1);outline:none}@media (max-width:480px){.page-sec-nav a{padding:8px 10px;font-size:.68rem}.page-sec-nav{-webkit-backdrop-filter:none;backdrop-filter:none}}.htb-main{max-width:940px;margin:30px auto 70px;padding:8px clamp(12px,3.5vw,28px) 40px;position:relative;z-index:1}.htb-section{margin:0 0 46px}.htb-section:last-child{margin-bottom:0}.htb-h2{font-family:Shippori Mincho,serif;font-weight:900;font-size:clamp(1.18rem,3.4vw,1.55rem);color:#f1f5f9;margin:0 0 6px;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(56,189,248,.18)}.htb-h2__no{font-family:Montserrat,monospace;font-size:.8rem;color:#38bdf8;border:1px solid rgba(56,189,248,.5);border-radius:6px;padding:2px 8px;flex:0 0 auto}.htb-sub{margin:14px 0 18px;color:#93a4ba;font-size:.9rem;line-height:1.7}.htb-p{font-size:.95rem;line-height:1.95;color:#c3d0e0;margin:0 0 16px}.htb-p:last-child{margin-bottom:0}.htb-p strong{color:#7dd3fc}.htb-li code,.htb-p code{background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.2);border-radius:4px;padding:0 5px;font-size:.9em;color:#bae6fd}.htb-lead-box{background:linear-gradient(135deg,rgba(56,189,248,.08),rgba(129,140,248,.05));border:1px solid rgba(56,189,248,.22);border-left:5px solid #38bdf8;border-radius:14px;padding:20px clamp(16px,3.4vw,26px)}.htb-stack{display:grid;gap:12px}.htb-layer{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center;background:rgba(17,27,46,.7);border:1px solid rgba(56,189,248,.16);border-radius:14px;padding:15px 18px}.htb-layer__name{font-family:Montserrat,monospace;font-weight:700;font-size:.82rem;color:#7dd3fc;letter-spacing:.04em}.htb-layer__name span{display:block;font-size:1.4rem;line-height:1;margin-bottom:5px}.htb-layer__body{font-size:.86rem;line-height:1.8;color:#b8c6d9}.htb-layer__body strong{color:#e2e8f0}.htb-tag{display:inline-block;font-family:Montserrat,monospace;font-size:.7rem;color:#bae6fd;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.25);border-radius:6px;padding:2px 8px;margin:4px 5px 0 0}.htb-card{background:rgba(17,27,46,.7);border:1px solid rgba(56,189,248,.16);border-radius:14px;padding:18px clamp(15px,3vw,22px)}.htb-card+.htb-card{margin-top:14px}.htb-card__h{font-weight:700;font-size:1rem;color:#e2e8f0;margin:0 0 8px;display:flex;align-items:center;gap:8px}.htb-list{margin:0;padding-left:1.15em;font-size:.9rem;line-height:1.9;color:#c3d0e0}.htb-list li{margin-bottom:8px}.htb-list li:last-child{margin-bottom:0}.htb-list strong{color:#7dd3fc}.htb-flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.htb-flow__step{flex:1 1 150px;background:rgba(56,189,248,.07);border:1px solid rgba(56,189,248,.22);border-radius:12px;padding:13px 14px}.htb-flow__no{font-family:Montserrat,monospace;font-size:.72rem;font-weight:700;color:#38bdf8}.htb-flow__t{display:block;font-weight:700;color:#e2e8f0;font-size:.88rem;margin:3px 0 4px}.htb-flow__d{font-size:.78rem;color:#9fb0c5;line-height:1.6}.htb-ba{display:grid;grid-template-columns:1fr 1fr;gap:12px}.htb-ba__col{border-radius:12px;padding:15px 16px;font-size:.84rem;line-height:1.75}.htb-ba__col--before{background:rgba(192,57,43,.08);border:1px solid rgba(220,70,60,.3)}.htb-ba__col--after{background:rgba(31,157,84,.08);border:1px solid rgba(52,199,120,.3)}.htb-ba__h{font-weight:700;margin:0 0 8px;font-size:.84rem}.htb-ba__col--before .htb-ba__h{color:#f1a59d}.htb-ba__col--after .htb-ba__h{color:#86efac}.htb-ba__col ul{margin:0;padding-left:1.1em}.htb-ba__col li{margin-bottom:5px;color:#c3d0e0}.htb-ba__col code{color:#fbcfca;background:rgba(0,0,0,.2);border-radius:4px;padding:0 4px}.htb-agents{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.htb-agent{background:rgba(17,27,46,.7);border:1px solid rgba(129,140,248,.22);border-radius:14px;padding:16px;text-align:center}.htb-agent__ic{font-size:1.9rem;line-height:1}.htb-agent__name{font-family:Montserrat,monospace;font-weight:700;color:#c7d2fe;font-size:.92rem;margin:8px 0 2px}.htb-agent__role{font-size:.78rem;color:#9fb0c5;line-height:1.65}.htb-agent__file{display:inline-block;margin-top:8px;font-family:Montserrat,monospace;font-size:.68rem;color:#a5b4fc;background:rgba(129,140,248,.12);border-radius:5px;padding:2px 7px}.htb-aibox{background:linear-gradient(135deg,rgba(56,189,248,.1),rgba(129,140,248,.06));border:1px solid rgba(56,189,248,.28);border-left:5px solid #38bdf8;border-radius:14px;padding:18px 20px}.htb-aibox__title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.98rem;color:#e2e8f0;margin:0 0 8px}.htb-aibox__body{font-size:.88rem;line-height:1.85;color:#c3d0e0;margin:0}.htb-aibox__body strong{color:#7dd3fc}.htb-note{font-size:.78rem;color:#8295ab;line-height:1.8;margin:26px 0 0;padding-top:16px;border-top:1px dashed rgba(56,189,248,.25)}.htb-note a{color:#7dd3fc}.htb-cta{background:linear-gradient(135deg,#0b1220,#15294a 60%,#0b1a2e);border-top:1px solid rgba(56,189,248,.2);color:#e2e8f0;text-align:center;padding:42px 18px 48px}.htb-cta__inner{max-width:720px;margin:0 auto}.htb-cta__title{font-family:Shippori Mincho,serif;font-weight:900;font-size:clamp(1.15rem,3.6vw,1.5rem);margin:0 0 12px}.htb-cta__desc{font-size:.9rem;line-height:1.85;color:#b8c6d9;margin:0 0 20px}.htb-cta__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.htb-cta__btn{display:inline-block;text-decoration:none;font-weight:700;font-size:.88rem;padding:12px 20px;border-radius:999px;transition:transform .12s ease,box-shadow .12s ease}.htb-cta__btn--primary{background:#38bdf8;color:#06121f}.htb-cta__btn--ghost{background:hsla(0,0%,100%,.06);color:#e2e8f0;border:1px solid rgba(56,189,248,.4)}.htb-cta__btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.35)}.htb-backlink{text-align:center;margin-top:30px}.htb-backlink__btn{display:inline-block;text-decoration:none;font-weight:700;font-size:.86rem;color:#bae6fd;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.28);border-radius:999px;padding:11px 22px}.htb-backlink__btn:hover{background:rgba(56,189,248,.2)}@media (max-width:720px){.htb-agents,.htb-ba,.htb-layer{grid-template-columns:1fr}.htb-layer{gap:8px}.htb-layer__name span{display:inline-block;margin:0 6px 0 0;vertical-align:middle}}@media (prefers-reduced-motion:reduce){.htb-cta__btn:hover{transform:none}}