:root{--ink:#20374b;--muted:#536b7a;--blue:#166a9b;--pale:#e9f3f8;--paper:#fcfbf7;--line:#d6e0e6;--warm:#f8eedb;--danger:#9d332b;--green:#25624b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;line-height:1.9}a{color:var(--blue);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:enabled{cursor:pointer}button:disabled{cursor:default;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bf6e16;outline-offset:3px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.5;letter-spacing:.03em}h1{font-size:clamp(2rem,4.5vw,3.3rem)}h2{font-size:clamp(1.3rem,2.5vw,1.8rem)}h3{font-size:1.35rem}.skip{position:absolute;top:-80px;left:10px;z-index:20;background:white;padding:10px}.skip:focus{top:0}.masthead{max-width:1180px;margin:auto;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:750;color:var(--ink);font-size:1rem}.brand img{border-radius:9px}.brand span{border-left:1px solid var(--line);padding-left:14px;font-size:.8rem;font-weight:400;color:var(--muted)}.masthead nav{display:flex;gap:25px;font-size:.85rem}.masthead nav a{color:var(--ink);text-decoration:none}.masthead nav a[aria-current]{border-bottom:2px solid var(--blue)}main{max-width:1100px;padding:0 30px;margin:auto}.breadcrumbs{font-size:.75rem;color:var(--muted);padding:22px 0;display:flex;flex-wrap:wrap;gap:9px}.breadcrumbs a{color:var(--muted)}.eyebrow{font-size:.75rem;letter-spacing:.1em;font-weight:700;color:var(--blue);margin-bottom:12px}.learning-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding:45px 0 60px}.learning-hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.65;letter-spacing:.05em}.learning-hero em{font-style:normal;color:var(--blue)}.lead{font-size:1.05rem;color:var(--muted);line-height:2;margin:24px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--blue);border:1px solid var(--blue);color:white;padding:12px 22px;border-radius:6px;text-decoration:none;font-weight:700;font-size:.9rem;min-height:48px;line-height:1.5}.button:hover{background:#12577e;color:#fff}.button.secondary{color:var(--blue);background:#fff}.button.secondary:hover{background:var(--pale)}.hero-visual{padding:30px;background:var(--pale);border-radius:45% 45% 12px 12px;max-width:400px;transform:rotate(3deg)}.hero-board{display:grid;grid-template-columns:repeat(9,1fr);background:white;border:2px solid var(--ink);box-shadow:8px 12px 0 #20374b10;aspect-ratio:1;transform:rotate(-3deg)}.hero-board span{display:grid;place-items:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:clamp(.8rem,1.5vw,1.1rem)}.hero-board span:nth-child(3n){border-right:1px solid var(--ink)}.hero-board span:nth-child(n+19):nth-child(-n+27),.hero-board span:nth-child(n+46):nth-child(-n+54){border-bottom:1px solid var(--ink)}.hero-board .hero-highlight{background:var(--warm);font-weight:750}.hero-visual>p{text-align:center;font-size:.75rem;margin-top:20px;transform:rotate(-3deg)}.intro-strip{display:flex;justify-content:space-around;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;font-size:.9rem}.intro-strip b{color:var(--blue);margin-right:10px;font-size:.75rem}.section-heading{margin:64px 0 28px}.section-heading>p:last-child{margin-top:16px;color:var(--muted);font-size:.95rem}.guide-list{border-top:1px solid var(--line)}.guide-card{display:flex;align-items:center;gap:25px;padding:25px 14px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:background .15s}.guide-card:hover{background:var(--pale)}.card-number{font-size:1.8rem;font-weight:300;color:var(--blue);min-width:50px}.guide-card .eyebrow{margin-bottom:3px;font-size:.7rem}.guide-card p:last-child{font-size:.9rem;color:var(--muted);margin-top:5px}.guide-card>span:last-child{margin-left:auto;font-size:1.5rem;color:var(--blue)}.practice-invite{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:35px;background:var(--pale);margin:45px 0;border-radius:10px}.practice-invite .button{flex-shrink:0}.practice-invite p:not(.eyebrow){font-size:.9rem;margin-top:14px}.reading-note{max-width:740px;margin:60px auto}.reading-note p{margin-top:18px}.app-cta{background:var(--ink);color:#fff;border-radius:12px;padding:40px;margin:60px 0}.app-cta .eyebrow{color:#afd7ed}.app-cta>p:not(.eyebrow){max-width:720px;margin-top:18px;font-size:.95rem}.app-cta>p.fine{font-size:.8rem;color:#d0e0eb}.store-links{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0 18px}.text-link{color:#d5eaff;font-size:.85rem}.footer{max-width:1100px;margin:20px auto 0;padding:30px;display:flex;flex-wrap:wrap;gap:12px 25px;border-top:1px solid var(--line);font-size:.8rem}.footer a{color:var(--muted)}.footer p{margin-left:auto}.article-header{padding:25px 0 40px;border-bottom:1px solid var(--line)}.article-header .lead{margin:16px 0}.byline{font-size:.75rem;color:var(--muted)}.article-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:45px;margin:40px 0}.toc{font-size:.8rem;align-self:start;position:sticky;top:24px;border-left:2px solid var(--line);padding-left:18px}.toc>p{font-weight:700;margin-bottom:12px}.toc a{display:block;margin-bottom:14px;color:var(--muted);text-decoration:none;line-height:1.65}.toc a:hover{color:var(--blue)}.article-body{min-width:0;font-size:1rem}.article-body>p{margin-bottom:18px}.article-body h2{margin:38px 0 18px}.article-body>h2{padding-top:16px;border-top:1px solid var(--line)}.article-body ol{padding-left:1.5em}.article-body li{padding-left:5px;margin-bottom:12px}.article-body strong{background:linear-gradient(transparent 65%,#e1eef5 65%)}.unit-figure{background:white;border:1px solid var(--line);padding:20px;border-radius:8px;margin:22px 0}.unit{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border:2px solid var(--ink)}.unit-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);font-size:1.2rem;line-height:1.4}.unit-cell:nth-child(3n){border-right:2px solid var(--ink)}.unit-cell:last-child{border-right:0}.unit-cell small{font-size:.75rem;text-align:center;word-spacing:4px}.pattern{background:var(--pale);box-shadow:inset 0 0 0 2px var(--blue)}s{color:var(--danger);text-decoration-thickness:2px}.unit-figure figcaption{font-size:.8rem;color:var(--muted);margin-top:14px;line-height:1.8}.pointing{width:100%;border-collapse:collapse;text-align:center}.pointing td,.pointing th{border:1px solid var(--line);padding:10px}.pointing th{font-size:.8rem}.pointing caption{font-size:.8rem;margin-bottom:12px}.related{margin-top:45px;border-top:1px solid var(--line)}.related a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:.95rem}.practice{margin-top:40px;padding-top:20px;border-top:3px solid var(--blue)}.practice>h2{margin-top:5px}.practice>p{font-size:.9rem;margin-bottom:14px}.practice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:20px 0 12px;font-size:.85rem}.practice-toolbar select{font:inherit;padding:7px;background:#fff;border:1px solid var(--line);border-radius:4px;min-height:44px}.practice-toolbar label{display:flex;align-items:center;gap:8px}.practice-toolbar input{width:20px;height:20px}.board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));width:100%;max-width:540px;aspect-ratio:1;border:2px solid var(--ink);background:#fff;margin:auto}.cell{position:relative;min-width:0;min-height:0;padding:0;border:0;border-radius:0;border-right:1px solid #c8d4dd;border-bottom:1px solid #c8d4dd;background:#fff;color:var(--ink);font-family:inherit;line-height:1;display:grid;place-items:center;font-size:clamp(1rem,2vw,1.6rem);opacity:1!important}.cell:nth-child(3n){border-right:2px solid var(--ink)}.cell:nth-child(9n){border-right:0}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--ink)}.cell:nth-child(n+73){border-bottom:0}.cell.given{background:#f0f4f6;font-weight:700}.cell.entered{font-weight:400}.cell.selected{box-shadow:inset 0 0 0 3px var(--blue);z-index:1;background:#edf6fc}.cell.pattern{background:#deeffa;box-shadow:inset 0 0 0 2px var(--blue)}.cell .notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;padding:3px;line-height:1;font-size:clamp(.6rem,1.05vw,.8rem)}.notes span{display:grid;place-items:center;border-radius:2px}.notes .chosen{background:var(--ink);color:#fff;text-decoration:line-through}.notes .eliminated{color:var(--danger);text-decoration:line-through;text-decoration-thickness:2px;background:#fce7e2}.notes-hidden .notes{visibility:hidden}.cell .placement{position:absolute;inset:0;background:#e9f3f8;display:grid;place-items:center;font-weight:700;color:var(--blue)}.board-help,.selection-label{font-size:.8rem;color:var(--muted);margin:12px 0;line-height:1.7}.selection-label{color:var(--ink);min-height:2.8em}.keypad{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;max-width:540px;margin:12px auto}.keypad button{border:1px solid var(--line);border-radius:4px;color:var(--ink);background:white;min-height:44px;font-size:1.1rem;padding:4px}.keypad button[aria-pressed="true"]{background:var(--ink);color:white}.practice-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.small-button{background:#fff;border:1px solid #8198a8;border-radius:5px;padding:9px 14px;color:var(--ink);font-size:.85rem;min-height:44px}.practice-status{border-left:3px solid var(--blue);background:var(--pale);padding:14px;font-size:.9rem;min-height:60px}.practice-status.error{border-color:var(--danger);background:#fff0eb}.practice-status.success{border-color:var(--green);background:#e9f4ed}.solution{padding:18px;border:1px solid var(--line);background:white;margin-top:16px}.solution h3{font-size:1.05rem;margin-bottom:10px}.solution p{font-size:.9rem;margin-bottom:10px}[hidden]{display:none!important}@media(max-width:800px){.masthead{padding:18px 20px}.brand span{display:none}.masthead nav{gap:16px;font-size:.75rem}main{padding:0 20px}.learning-hero{gap:25px}.hero-visual{padding:18px}.article-layout{grid-template-columns:1fr;gap:25px}.toc{position:static;border:1px solid var(--line);border-radius:6px;padding:18px}.toc nav{display:flex;flex-wrap:wrap;gap:10px 22px}.toc a{margin:0}.practice-invite{display:block}.practice-invite .button{margin-top:20px}.cell{font-size:clamp(1.2rem,4vw,1.7rem)}.cell .notes{font-size:clamp(.65rem,1.9vw,.85rem)}}@media(max-width:540px){.masthead{align-items:flex-start;padding:16px;gap:10px}.brand{font-size:.83rem;gap:8px}.brand img{width:28px;height:28px}.masthead nav{flex-direction:column;gap:4px;text-align:right;font-size:.7rem}main{padding:0 16px}.breadcrumbs{font-size:.67rem;gap:6px}.learning-hero{grid-template-columns:1fr;padding:15px 0 30px;gap:30px}.learning-hero h1{font-size:clamp(1.65rem,8.4vw,2.05rem)}.learning-hero .lead{font-size:.9rem;margin:18px 0}.hero-visual{max-width:260px;width:80%;margin:auto}.hero-board span{font-size:.85rem}.intro-strip{font-size:.7rem;gap:8px;padding:16px 0}.intro-strip b{display:block;margin:0}.section-heading{margin-top:40px}.guide-card{gap:12px;padding:20px 3px}.card-number{min-width:32px;font-size:1.4rem}.guide-card h3{font-size:1.15rem}.guide-card p:last-child{font-size:.8rem}.practice-invite,.app-cta{padding:24px}.practice-invite br{display:none}.app-cta{margin-top:40px}.store-links{flex-direction:column;align-items:stretch}.reading-note{font-size:.9rem;margin:40px 0}.footer{padding:24px 16px;font-size:.72rem}.footer p{width:100%;margin:0}.article-header{padding:15px 0 25px}.article-header h1{font-size:1.85rem}.article-header .lead{font-size:.95rem}.article-body{font-size:.95rem}.unit-figure{padding:10px}.unit-cell{font-size:1rem}.unit-cell small{font-size:.6rem;word-spacing:0}.board-help{font-size:.75rem}.cell .notes{padding:1px;font-size:clamp(.6rem,2.65vw,.8rem)}.keypad{gap:3px}.keypad button{padding:2px;min-height:44px}.practice-actions{gap:8px}.small-button{padding:9px 11px;font-size:.8rem}.selection-label{min-height:3.3em}.byline{font-size:.7rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}