:root{--hda-ink:#16223e;--hda-sky:#4ec5f0;--hda-sky-bg:#dff4ff;--hda-lemon:#ffd23e;--hda-lemon-bg:#fff6cf;--hda-coral:#ff7a6b;--hda-coral-bg:#ffe7e2;--hda-mint:#34d39e;--hda-mint-bg:#dcf8ec;--hda-grape:#9b7bff;--hda-grape-bg:#ece4ff;--hda-cream:#fffdf4;--hda-muted:#5c6677;--hda-pop:"Mochiy Pop One","Noto Sans JP",system-ui,sans-serif;--hda-wrap:1000px;--hda-shadow:6px 6px 0 var(--hda-ink)}body{background:var(--hda-cream)}.hda-main{display:block}.page-sec-nav{position:sticky;top:53px;z-index:40;background:var(--hda-lemon);border-bottom:3px solid var(--hda-ink);overflow-x:auto;-webkit-overflow-scrolling:touch}.page-sec-nav-inner{display:flex;gap:6px;justify-content:center;max-width:1080px;margin:0 auto;padding:8px 12px;white-space:nowrap}.page-sec-nav a{flex:none;font-size:.82rem;font-weight:800;color:var(--hda-ink);text-decoration:none;padding:5px 12px;border-radius:999px;border:2px solid transparent}.page-sec-nav a:hover{background:#fff;border-color:var(--hda-ink)}.hda-band{padding:clamp(52px,8vw,96px) 20px;position:relative;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='%2316223e' opacity='.05'%3E%3Cpath d='M40 26c4 11 9 16 20 20-11 4-16 9-20 20-4-11-9-16-20-20 11-4 16-9 20-20'/%3E%3Ccircle cx='206' cy='62' r='8'/%3E%3Cpath d='M168 120c4 11 9 16 20 20-11 4-16 9-20 20-4-11-9-16-20-20 11-4 16-9 20-20'/%3E%3Crect width='10' height='34' x='96' y='176' rx='4'/%3E%3Crect width='34' height='10' x='84' y='188' rx='4'/%3E%3Ccircle cx='232' cy='224' r='6'/%3E%3Cpath d='m64 150 6-3 1-7 5 5 7-1-3 6 3 6-7-1-5 5-1-7z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:260px 260px}.hda-band--sky{background-color:var(--hda-sky-bg)}.hda-band--lemon{background-color:var(--hda-lemon-bg)}.hda-band--mint{background-color:var(--hda-mint-bg)}.hda-band--coral{background-color:var(--hda-coral-bg)}.hda-band--grape{background-color:var(--hda-grape-bg)}.hda-wrap{position:relative;z-index:1;max-width:var(--hda-wrap);margin:0 auto}.hda-wrap--narrow{max-width:760px}.hda-hero{position:relative;overflow:hidden;padding:clamp(46px,7vw,84px) 20px clamp(44px,6vw,72px);color:var(--hda-ink);background:radial-gradient(circle at 18% 22%,#fff 0 8px,transparent 9px) 0 0 /46px 46px,linear-gradient(160deg,#8fe0ff,#c9f0ff 55%,#fff6cf)}.hda-hero__inner{position:relative;max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(18px,4vw,44px);align-items:center}.hda-hero__copy{background:#fff;border:4px solid var(--hda-ink);border-radius:26px;box-shadow:8px 8px 0 var(--hda-ink);padding:clamp(22px,3.4vw,38px)}.hda-hero__kicker{display:inline-block;font-size:.82rem;letter-spacing:.06em;background:var(--hda-lemon);border:3px solid var(--hda-ink);border-radius:999px;padding:6px 16px;box-shadow:3px 3px 0 var(--hda-ink);transform:rotate(-2deg);margin-bottom:20px}.hda-hero__kicker,.hda-hero__title{font-family:var(--hda-pop);color:var(--hda-ink)}.hda-hero__title{font-size:clamp(2rem,6vw,3.2rem);line-height:1.3;margin:0 0 16px}.hda-hero__title em{font-style:normal;color:var(--hda-ink);background:var(--hda-lemon);border:3px solid var(--hda-ink);border-radius:12px;padding:0 10px;display:inline-block;transform:rotate(-1.5deg);box-shadow:3px 3px 0 var(--hda-ink)}.hda-hero__lead{color:#2a3656;font-size:clamp(1rem,2.5vw,1.12rem);font-weight:500;line-height:1.95;color:#23304e;margin:0 0 22px}.hda-hero__chips{display:flex;flex-wrap:wrap;gap:8px}.hda-chip{font-size:.78rem;font-weight:800;color:var(--hda-ink);background:#fff;border:2.5px solid var(--hda-ink);border-radius:999px;padding:5px 13px;box-shadow:2px 2px 0 var(--hda-ink)}.hda-chip--accent{background:var(--hda-lemon)}.hda-hero__art{width:100%;height:auto;display:block}.hda-boom{font-family:"Reggae One",var(--hda-pop);display:inline-block;color:var(--hda-lemon);-webkit-text-stroke:3px var(--hda-ink);text-stroke:3px var(--hda-ink);paint-order:stroke fill;font-size:clamp(1.8rem,6vw,3rem);line-height:1;transform:rotate(-6deg);filter:drop-shadow(3px 4px 0 rgba(0,0,0,.18))}.hda-head{text-align:center;margin:0 auto clamp(30px,5vw,52px);max-width:780px}.hda-num{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:16px;font-size:1.6rem;background:var(--hda-lemon);border:3.5px solid var(--hda-ink);box-shadow:var(--hda-shadow);transform:rotate(-4deg);margin-bottom:20px}.hda-h2,.hda-num{font-family:var(--hda-pop);color:var(--hda-ink)}.hda-h2{font-size:clamp(1.5rem,4.6vw,2.3rem);line-height:1.4;margin:0 0 14px}.hda-sub{font-size:clamp(1rem,2.4vw,1.1rem);font-weight:500;line-height:1.9;color:#3a445e;margin:0}.hda-panel{background:#fff;border:3.5px solid var(--hda-ink);border-radius:22px;box-shadow:var(--hda-shadow);padding:clamp(18px,3vw,30px)}.hda-figure{margin:0}.hda-svg{width:100%;height:auto;display:block;border-radius:18px;overflow:hidden;border:3.5px solid var(--hda-ink);box-shadow:var(--hda-shadow);background:#fff}.hda-figcap{margin:18px auto 0;max-width:760px;text-align:center;font-size:.94rem;font-weight:500;line-height:1.85;color:#3a445e}.hda-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,48px);align-items:center}.hda-split--rev .hda-split__text{order:2}.hda-split__text p{font-size:1.04rem;font-weight:500;line-height:2;color:var(--hda-ink);margin:0 0 16px}.hda-split__text p:last-child{margin-bottom:0}.hda-split__text strong{color:#e0533f}.hda-p{font-size:1.06rem;font-weight:500;line-height:2.05;color:var(--hda-ink);margin:0 auto 20px;max-width:760px}.hda-p strong{color:#e0533f}.hda-p--center{text-align:center}.hda-talk{display:flex;align-items:flex-end;gap:16px;max-width:820px;margin:clamp(26px,4vw,40px) auto 0}.hda-talk--rev{flex-direction:row-reverse}.hda-mascot{flex:none;width:92px;height:92px;border-radius:50%;object-fit:contain;padding:6px}.hda-bubble,.hda-mascot{background:#fff;border:3.5px solid var(--hda-ink);box-shadow:var(--hda-shadow)}.hda-bubble{position:relative;border-radius:20px;padding:16px 20px;font-size:1rem;font-weight:600;line-height:1.8;color:var(--hda-ink)}.hda-bubble b{color:#e0533f}.hda-bubble:after,.hda-bubble:before{content:"";position:absolute;bottom:16px;width:0;height:0;border:13px solid transparent}.hda-talk .hda-bubble:before{left:-26px;border-right-color:var(--hda-ink)}.hda-talk .hda-bubble:after{left:-20px;border-right-color:#fff}.hda-talk--rev .hda-bubble:before{right:-26px;left:auto;border-right-color:transparent;border-left-color:var(--hda-ink)}.hda-talk--rev .hda-bubble:after{right:-20px;left:auto;border-right-color:transparent;border-left-color:#fff}.hda-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:clamp(26px,4vw,42px)}.hda-tile{background:#fff;border:3.5px solid var(--hda-ink);border-radius:20px;padding:26px 22px;text-align:center;box-shadow:var(--hda-shadow)}.hda-tile svg{width:66px;height:66px;margin:0 auto 12px;display:block}.hda-tile__t{font-family:var(--hda-pop);font-size:1.16rem;color:var(--hda-ink);margin:0 0 8px}.hda-tile__d{font-size:.92rem;font-weight:500;line-height:1.8;color:var(--hda-muted);margin:0}.hda-meter{max-width:560px;margin:clamp(24px,4vw,36px) auto 0;background:#fff;border:3.5px solid var(--hda-ink);border-radius:18px;box-shadow:var(--hda-shadow);padding:18px 20px;text-align:center}.hda-meter__l{font-family:var(--hda-pop);font-size:1rem;color:var(--hda-ink);margin:0 0 10px}.hda-meter__bar{height:22px;background:#ffe7e2;border:3px solid var(--hda-ink);border-radius:999px;overflow:hidden}.hda-meter__fill{height:100%;background:repeating-linear-gradient(45deg,var(--hda-coral) 0 10px,#ff9387 10px 20px)}.hda-meter__fill--1{width:8%}.hda-meter__n{font-family:var(--hda-pop);font-size:.9rem;color:#e0533f;margin:10px 0 0}.hda-fails{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:clamp(28px,4vw,44px)}.hda-fail{position:relative;background:#fff;border:3.5px solid var(--hda-ink);border-radius:20px;box-shadow:var(--hda-shadow);padding:30px 22px 22px}.hda-fail__tag{position:absolute;top:-16px;left:18px;font-family:var(--hda-pop);font-size:.82rem;color:#fff;background:var(--hda-coral);border:3px solid var(--hda-ink);border-radius:999px;padding:4px 14px;box-shadow:2px 2px 0 var(--hda-ink);transform:rotate(-3deg)}.hda-fail__t{font-family:var(--hda-pop);font-size:1.14rem;line-height:1.45;color:var(--hda-ink);margin:6px 0 10px}.hda-fail__b{font-size:.95rem;font-weight:500;line-height:1.85;color:#3a445e;margin:0 0 14px}.hda-fail__lesson{font-size:.9rem;font-weight:700;line-height:1.75;color:var(--hda-ink);background:var(--hda-mint-bg);border:2.5px solid var(--hda-ink);border-radius:12px;padding:10px 13px;margin:0;overflow-wrap:anywhere;word-break:break-word}.hda-fail__lesson>span[aria-hidden]{margin-right:5px}.hda-bubble code,.hda-callout__b code,.hda-fail__b code,.hda-fail__lesson code,.hda-figcap code,.hda-p code,.hda-split__text code,.hda-sub code{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.hda-callout{display:flex;gap:16px;align-items:flex-start;max-width:820px;margin:clamp(26px,4vw,40px) auto 0;background:#fff;border:3.5px solid var(--hda-ink);border-radius:18px;box-shadow:var(--hda-shadow);padding:20px 22px}.hda-callout--warn{background:var(--hda-lemon-bg)}.hda-callout__ic{font-size:1.9rem;line-height:1;flex:none}.hda-callout__b{margin:0;font-size:.98rem;font-weight:500;line-height:1.9;color:var(--hda-ink)}.hda-callout__b strong{color:#e0533f}.hda-code{max-width:820px;margin:clamp(24px,4vw,36px) auto 0;border-radius:16px;overflow:hidden;border:3.5px solid var(--hda-ink);box-shadow:var(--hda-shadow);background:#16223e}.hda-code__bar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--hda-lemon);border-bottom:3px solid var(--hda-ink)}.hda-code__file{font-family:var(--hda-pop);font-size:.82rem;color:var(--hda-ink)}.hda-code__lang{font-size:.72rem;font-weight:700;color:#6a5a12}.hda-code__pre{margin:0;padding:18px;overflow-x:auto}.hda-code__pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;line-height:1.7;color:#eaf1ff;white-space:pre}.hda-cta{text-align:center}.hda-cta__btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}.hda-cta__btn{display:inline-flex;align-items:center;gap:8px;font-weight:800;text-decoration:none;padding:13px 22px;border-radius:999px;color:var(--hda-ink);background:#fff;border:3px solid var(--hda-ink);box-shadow:3px 3px 0 var(--hda-ink)}.hda-cta__btn--primary{background:var(--hda-lemon)}.hda-cta__btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--hda-ink)}.hda-head__art{width:clamp(88px,12vw,116px);height:auto;display:block;margin:0 auto 2px}.hda-fail__face{position:absolute;top:-16px;right:14px;width:60px;height:60px}.hda-fail__t{padding-right:56px}.hda-yonkoma{max-width:940px;margin:0 auto}.hda-yonkoma__h{text-align:center;font-family:var(--hda-pop);font-size:clamp(1.1rem,3vw,1.45rem);color:var(--hda-ink);margin:0 0 6px}.hda-yonkoma__h span{display:inline-block;background:var(--hda-lemon);border:3px solid var(--hda-ink);border-radius:999px;padding:4px 18px;box-shadow:3px 3px 0 var(--hda-ink);transform:rotate(-2deg)}.hda-yonkoma__sub{text-align:center;font-size:.95rem;font-weight:600;color:#3a445e;margin:0 0 clamp(22px,3.5vw,34px)}.hda-yonkoma__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hda-koma{background:#fff;border:3.5px solid var(--hda-ink);border-radius:16px;box-shadow:var(--hda-shadow);padding:12px 12px 14px}.hda-koma svg{width:100%;height:auto;display:block;border-radius:10px}.hda-koma__no{font-family:var(--hda-pop);font-size:.82rem;color:#e0533f}.hda-koma__cap{font-size:.84rem;font-weight:700;line-height:1.55;color:var(--hda-ink);margin:8px 0 0}.hda-road{max-width:820px;margin:clamp(28px,4vw,42px) auto 0;display:grid;gap:12px}.hda-road__item{display:flex;gap:14px;align-items:center;text-decoration:none;background:#fff;border:3px solid var(--hda-ink);border-radius:16px;box-shadow:4px 4px 0 var(--hda-ink);padding:12px 16px}.hda-road__item:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--hda-ink)}.hda-road__n{flex:none;width:38px;height:38px;display:grid;place-items:center;font-family:var(--hda-pop);font-size:1.05rem;color:var(--hda-ink);background:var(--hda-lemon);border:2.5px solid var(--hda-ink);border-radius:11px}.hda-road__t{font-size:1rem;font-weight:700;line-height:1.6;color:var(--hda-ink)}.hda-road__t b{color:#e0533f}.hda-road__go{margin-left:auto;flex:none;font-weight:900;color:var(--hda-cyan-d,#1693b7)}.hda-tile .hda-term{margin-top:2px}.hda-tldr{display:flex;gap:14px;align-items:flex-start;text-align:left;max-width:720px;margin:4px auto 0;background:#fff;border:3px solid var(--hda-ink);border-radius:16px;box-shadow:5px 5px 0 var(--hda-ink);padding:15px 18px}.hda-tldr__ic{font-size:1.7rem;line-height:1.2;flex:none}.hda-tldr__b{margin:0;font-size:1rem;font-weight:600;line-height:1.85;color:var(--hda-ink)}.hda-tldr__b b{color:#e0533f;font-weight:800}.hda-tldr__lab{display:inline-block;font-family:var(--hda-pop);font-size:.74rem;color:var(--hda-ink);background:var(--hda-lemon);border:2px solid var(--hda-ink);border-radius:999px;padding:1px 10px;margin-right:7px;transform:rotate(-1.5deg)}.hda-faq{max-width:760px;margin:clamp(26px,4vw,40px) auto 0;display:grid;gap:12px}.hda-faq__item{background:#fff;border:3px solid var(--hda-ink);border-radius:16px;box-shadow:4px 4px 0 var(--hda-ink);overflow:hidden}.hda-faq__q{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:center;font-family:var(--hda-pop);font-size:1rem;line-height:1.5;color:var(--hda-ink);padding:15px 18px}.hda-faq__q::-webkit-details-marker{display:none}.hda-faq__q:before{content:"Q";flex:none;width:28px;height:28px;display:grid;place-items:center;font-size:.9rem;color:var(--hda-ink);background:var(--hda-lemon);border:2.5px solid var(--hda-ink);border-radius:50%}.hda-faq__item[open] .hda-faq__q{background:var(--hda-lemon-bg);border-bottom:2.5px solid var(--hda-ink)}.hda-faq__a{margin:0;padding:14px 18px 16px;font-size:.96rem;font-weight:500;line-height:1.9;color:var(--hda-ink)}.hda-faq__a b{color:#e0533f}.hda-term{font:inherit;font-weight:800;color:var(--hda-ink);background:var(--hda-lemon);border:2px solid var(--hda-ink);border-radius:7px;padding:0 6px;margin:0 1px;cursor:pointer;line-height:1.5;box-shadow:1.5px 1.5px 0 var(--hda-ink)}.hda-term:after{content:" ⓘ";font-size:.78em;color:#c0791a}.hda-term:hover{background:#ffe98a}.hda-term[aria-expanded=true]{background:var(--hda-coral);color:#fff}.hda-term[aria-expanded=true]:after{color:#fff}.hda-term-hint{max-width:760px;margin:0 auto clamp(22px,3vw,30px);text-align:center;font-size:.92rem;font-weight:600;line-height:1.7;color:#3a445e;background:#fff;border:2.5px dashed var(--hda-ink);border-radius:14px;padding:12px 16px}.hda-term-hint b{color:#e0533f}.hda-pop{position:absolute;z-index:1000;left:0;top:0;box-sizing:border-box;width:min(300px,calc(100vw - 24px));background:#fff;border:3.5px solid var(--hda-ink);border-radius:16px;box-shadow:6px 6px 0 var(--hda-ink);padding:16px 18px;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease}.hda-pop.is-open{opacity:1;visibility:visible;transform:translateY(0)}.hda-pop__close{position:absolute;top:8px;right:10px;width:26px;height:26px;font-size:1.1rem;line-height:1;color:var(--hda-ink);background:var(--hda-lemon);border:2.5px solid var(--hda-ink);border-radius:50%;cursor:pointer}.hda-pop__t{font-family:var(--hda-pop);font-size:1rem;color:var(--hda-ink);margin:0 28px 8px 0}.hda-pop__d{font-size:.92rem;font-weight:500;line-height:1.8;color:#2a3656;margin:0}@media (max-width:680px){.hda-yonkoma__grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:860px){.hda-hero__inner{grid-template-columns:1fr}.hda-hero__art{max-width:420px;margin:6px auto 0}.hda-split{grid-template-columns:1fr}.hda-split--rev .hda-split__text{order:0}}@media (max-width:600px){.hda-band{padding:44px 16px}.hda-hero{padding:36px 16px 32px}.hda-talk{align-items:center;text-align:center}.hda-talk,.hda-talk--rev{flex-direction:column}.hda-talk .hda-bubble:after,.hda-talk .hda-bubble:before{display:none}.hda-mascot{width:76px;height:76px}}