*,*:before,*:after{box-sizing:border-box}:root{--font: "Nunito", system-ui, sans-serif;--font-ar: "Amiri", "Noto Naskh Arabic", serif;--r-sm: 8px;--r-md: 14px;--r-lg: 18px;--tap: 44px;--btn-big: 72px;--gutter: 20px;--max: 560px;--ease-out: cubic-bezier(.23, 1, .32, 1)}html,body{margin:0;background:var(--c-bg);color:var(--c-ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}a{color:var(--c-accent)}@media (hover: hover) and (pointer: fine){a:hover{color:var(--c-accent-hover)}}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}.btn,.choice,.mode-card,.seg-btn,.row-btn,.counter-add,.counter-reset,.tab,.pill,.myth-toggle,.step-nav-btn,.search-hit,.search-clear{transition:transform .14s var(--ease-out)}:is(.btn,.choice,.mode-card,.seg-btn,.row-btn,.counter-add,.counter-reset,.tab,.pill,.myth-toggle,.step-nav-btn,.search-hit,.search-clear):active{transform:scale(.97)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.app{min-height:100dvh;max-width:var(--max);margin:0 auto;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;min-height:0}.scroll{flex:1;padding:24px var(--gutter) 20px;display:flex;flex-direction:column;gap:18px}.bottom-bar{position:sticky;bottom:0;display:flex;gap:10px;padding:12px var(--gutter) calc(18px + env(safe-area-inset-bottom));background:var(--c-surface);border-top:1px solid var(--c-line)}.bottom-bar.stack{flex-direction:column;gap:6px}.h1{font-size:34px;line-height:1.15;font-weight:800}.h2{font-size:28px;line-height:1.2;font-weight:800}.h3{font-size:24px;line-height:1.25;font-weight:800}.lead{font-size:19px;line-height:1.55;color:var(--c-ink-mid)}.body-xl{font-size:21px;line-height:1.5}.soft{color:var(--c-ink-soft)}.small{font-size:14px}.disclaimer{display:flex;gap:10px;align-items:flex-start;padding:12px var(--gutter);background:var(--c-tint);font-size:14px;line-height:1.45}.disclaimer.boxed{padding:12px 14px;border-radius:var(--r-md)}.disclaimer svg{flex-shrink:0;margin-top:1px;color:var(--c-accent)}.todo{align-self:flex-start;display:inline-block;color:var(--c-todo-ink);background:var(--c-todo-bg);border:1px dashed var(--c-todo-line);border-radius:var(--r-sm);padding:5px 10px;font-size:13px;font-weight:600;line-height:1.4}.todo.inline{padding:1px 6px}.todo.end{align-self:flex-end}.draft{align-self:stretch;display:flex;flex-direction:column;gap:6px;min-width:0}.views{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.views li{display:flex;flex-direction:column;gap:2px;padding-left:14px;border-left:1px solid var(--c-todo-line);font-size:15px;line-height:1.5}.view-label{font-size:13px;font-weight:800;text-decoration:none}.myth-tag.neutral,.warn.neutral .warn-title{color:var(--c-accent)}.warn.neutral{background:var(--c-tint);border-color:var(--c-line)}.draft.compact{gap:4px}.draft.compact:not(.bare) .draft-text.arabic{font-size:18px;line-height:1.7;font-weight:400}.draft-mark{display:inline-flex;align-items:flex-start;gap:6px}.draft-mark svg{flex-shrink:0;margin-top:2px}.draft-text{font-size:16px;line-height:1.55;overflow-wrap:anywhere}.draft-text.arabic{font-size:24px;line-height:1.9}.draft-ref{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.5;color:var(--c-ink-mid)}.draft-ref.arabic{font-family:var(--font-ar);font-size:18px;line-height:1.8;text-align:right;color:var(--c-ink-mid)}.draft-ref.arabic .draft-ref-label{font-family:var(--font);text-align:left}.draft-ref-label{font-size:12px;font-weight:700;color:var(--c-ink-soft)}.draft-source{font-size:13px;color:var(--c-ink-soft)}.draft-source a{display:inline-flex;align-items:center;min-height:var(--tap);line-height:1.4;font-weight:700}.view-label{align-self:flex-start}.reviewed-by{font-size:12px;color:var(--c-ink-soft)}.btn{display:flex;align-items:center;justify-content:center;min-height:64px;padding:0 18px;border-radius:16px;border:none;font-size:19px;font-weight:800;text-decoration:none;text-align:center}.btn-primary{background:var(--c-accent);color:var(--c-on-accent)}@media (hover: hover) and (pointer: fine){.btn-primary:hover{background:var(--c-accent-hover);color:var(--c-on-accent)}}.btn-secondary{background:transparent;color:var(--c-ink);border:2px solid var(--c-tint);font-weight:700}.btn-soft{background:var(--c-tint);color:var(--c-ink)}.btn-text{min-height:48px;background:transparent;color:var(--c-accent);font-size:16px;font-weight:700}.btn-big{min-height:var(--btn-big);font-size:22px}.grow-1{flex:1}.grow-2{flex:2}.pill{min-height:var(--tap);padding:0 14px;border-radius:999px;border:1px solid var(--c-line);background:var(--c-surface);color:var(--c-accent);font-size:14px;font-weight:700;display:inline-flex;align-items:center;text-decoration:none}.choice{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 20px;min-height:104px;border-radius:var(--r-lg);text-align:left;text-decoration:none}.choice-title{font-size:21px;font-weight:800}.choice-hint{font-size:16px;line-height:1.4}.choice.primary{background:var(--c-accent);color:var(--c-on-accent);border:none}@media (hover: hover) and (pointer: fine){.choice.primary:hover{background:var(--c-accent-hover);color:var(--c-on-accent)}}.choice.quiet{background:var(--c-surface);color:var(--c-ink);border:2px solid var(--c-tint)}.choice.quiet .choice-hint{color:var(--c-ink-soft)}.card{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:var(--r-lg);background:var(--c-surface);border:1px solid var(--c-line)}.card-title{font-size:16px;font-weight:800}.list{margin:0;padding:0;list-style:none;border-radius:var(--r-lg);background:var(--c-surface);border:1px solid var(--c-line)}.list>li{padding:14px 16px;border-bottom:1px solid var(--c-line-soft)}.list>li:last-child{border-bottom:none}.seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.seg-btn{min-height:52px;border-radius:12px;font-size:15px;font-weight:600;color:var(--c-ink);background:var(--c-surface);border:2px solid var(--c-line)}.seg-btn[aria-pressed=true]{background:var(--c-accent);color:var(--c-on-accent);border-color:var(--c-accent);font-weight:800}.row-btn{display:flex;align-items:center;gap:12px;min-height:58px;padding:8px 14px;text-align:left;border-radius:var(--r-md);color:var(--c-ink);background:var(--c-surface);border:2px solid var(--c-line)}.row-btn[aria-pressed=true]{border-color:var(--c-accent)}.row-btn[aria-pressed=true] .row-title{font-weight:800}.row-text{display:flex;flex-direction:column;gap:2px;flex:1}.row-title{font-size:16px;font-weight:600}.row-plain{font-size:14px;color:var(--c-ink-soft)}.row-state{font-size:13px;font-weight:700;color:var(--c-ink-soft)}.radio{width:22px;height:22px;flex-shrink:0;border-radius:999px;border:2px solid var(--c-line);display:flex;align-items:center;justify-content:center}.row-btn[aria-pressed=true] .radio{border-color:var(--c-accent)}.row-btn[aria-pressed=true] .radio:after{content:"";width:10px;height:10px;border-radius:999px;background:var(--c-accent)}.checkbox{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;border:2px solid var(--c-line);color:var(--c-on-accent)}.row-btn[aria-pressed=true] .checkbox{background:var(--c-accent);border-color:var(--c-accent)}.answer{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--r-lg);background:var(--c-tint)}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;font-size:13px}.mini-grid>div{padding:8px 10px;border-radius:10px;background:var(--c-surface)}.step-head{padding:14px var(--gutter) 0;display:flex;flex-direction:column;gap:10px}.step-head-row{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:700}.progress{display:flex;gap:4px;align-items:center}.progress>span{flex:1;height:5px;border-radius:999px;background:var(--c-line)}.progress>span.done{background:var(--c-accent-muted)}.progress>span.current{height:8px;background:var(--c-accent)}.step-jump{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);margin-left:-10px;padding:0 12px 0 10px;border:none;border-radius:999px;background:transparent;color:var(--c-ink);font-size:15px;font-weight:700;text-decoration:underline;text-decoration-color:var(--c-line);text-underline-offset:4px}.step-jump svg{color:var(--c-accent)}.sheet{width:100%;max-width:var(--max);max-height:85dvh;margin:auto auto 0;padding:0;border:none;border-radius:22px 22px 0 0;background:var(--c-surface);color:var(--c-ink);box-shadow:0 -8px 32px -8px var(--c-fig-body-line)}.sheet::backdrop{background:var(--c-ink);opacity:.4}.sheet-body{display:flex;flex-direction:column;gap:8px;padding:18px var(--gutter) calc(18px + env(safe-area-inset-bottom))}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet .step-nav{padding:0;border:none;background:transparent}.sheet .step-nav-btn{min-height:56px;font-size:17px}.sheet[open]{animation:sheet-in .22s var(--ease-out)}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}}.step-body{touch-action:pan-y}.step-title{font-size:34px;line-height:1.12;font-weight:800}.figure-box{display:flex;gap:14px;align-items:center;padding:14px;border-radius:var(--r-lg);background:var(--c-surface);border:1px solid var(--c-line)}.legend{display:flex;flex-direction:column;gap:8px;flex:1;font-size:15px;line-height:1.35}.legend-row{display:flex;gap:8px;align-items:baseline}.badge{flex-shrink:0;width:22px;height:22px;border-radius:999px;background:var(--c-accent);color:var(--c-on-accent);font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.mirror{margin-top:4px;font-size:13px;line-height:1.4;font-weight:700;color:var(--c-accent)}.counter{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--r-lg);background:var(--c-surface);border:1px solid var(--c-line)}.counter-num{font-size:64px;line-height:1;font-weight:800}.counter-add{flex:3;min-height:64px;border:2px solid var(--c-accent);border-radius:var(--r-md);background:var(--c-tint);color:var(--c-ink);font-size:18px;font-weight:800}.counter-reset{flex:1;min-height:64px;border:1px solid var(--c-line);border-radius:var(--r-md);background:transparent;color:var(--c-ink-soft);font-size:15px;font-weight:700}.warn{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:16px;background:var(--c-todo-bg);border:1px solid var(--c-todo-line)}.warn-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:var(--c-todo-ink)}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 var(--gutter)}.tab{min-height:52px;border-radius:12px;border:2px solid var(--c-line);background:var(--c-surface);color:var(--c-ink);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;text-decoration:none}.tab[aria-current=page]{border-color:var(--c-accent);background:var(--c-tint);font-weight:800;color:var(--c-ink)}.chips{position:sticky;top:0;z-index:2;display:flex;gap:8px;overflow-x:auto;padding:10px var(--gutter);background:var(--c-bg);border-bottom:1px solid var(--c-line)}.chips{scroll-behavior:smooth;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips .pill{flex-shrink:0;color:var(--c-ink);transition:background-color .15s ease,border-color .15s ease,transform .14s var(--ease-out)}.chips .pill[aria-current=location],.learn-links a[aria-current=location]{background:var(--c-tint);border-color:var(--c-accent);font-weight:800}.section{padding:28px var(--gutter);border-top:1px solid var(--c-line);display:flex;flex-direction:column;gap:12px;scroll-margin-top:64px}.myth-tag{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--c-todo-ink)}.myth-toggle{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 16px;border-radius:12px;background:var(--c-tint);border:none;color:var(--c-ink);font-size:16px;font-weight:700}.step-source{display:flex;flex-direction:column;gap:12px}.step-source summary{cursor:pointer;list-style:none}.step-source summary::-webkit-details-marker{display:none}.step-source[open] summary svg{transform:rotate(45deg)}.step-source[open]>.draft{margin-top:12px}.ok-tag{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--c-accent)}.steps-list{margin:0;padding:0;list-style:none}.steps-list li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--c-line)}.num{flex-shrink:0;width:30px;height:30px;border-radius:999px;background:var(--c-tint);color:var(--c-accent);font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center}.arabic{font-family:var(--font-ar);font-size:30px;line-height:1.8;text-align:right}.dalil{border-style:dashed;border-color:var(--c-todo-line)}.table-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--c-line);background:var(--c-surface)}.table-wrap table{border-collapse:collapse;min-width:560px;font-size:14px}.table-wrap thead tr{background:var(--c-tint)}.table-wrap th,.table-wrap td{text-align:left;padding:12px;vertical-align:top}.table-wrap tbody th,.table-wrap tbody td{border-top:1px solid var(--c-line-soft)}.table-wrap tbody th{font-weight:700;min-width:120px}.table-wrap td{font-size:13px}.madzhab-list{margin:0;display:flex;flex-direction:column}.madzhab-list>div{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-top:1px solid var(--c-line-soft)}.madzhab-list dt{font-size:13px;font-weight:800;color:var(--c-accent)}.madzhab-list dd{margin:0;font-size:15px;line-height:1.5}.spacer{flex:1}.home-mobile{padding-top:20px;gap:14px}.home-mobile .art-hero{aspect-ratio:2 / 1;object-position:center 30%}.home-mobile .lead{margin-bottom:4px}.home-mobile:has(.resume) .art-hero{display:none}.home-label{margin-top:6px;font-size:15px;font-weight:800;color:var(--c-ink-mid)}.stages{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.stage{display:flex;align-items:center;gap:14px;min-height:72px;padding:10px 16px 10px 14px;border-radius:var(--r-lg);background:var(--c-accent);color:var(--c-on-accent);text-decoration:none;transition:transform .14s var(--ease-out)}.stage:active{transform:scale(.97)}@media (hover: hover) and (pointer: fine){.stage:hover{background:var(--c-accent-hover);color:var(--c-on-accent)}}.stage .journey-num{background:var(--c-on-accent);color:var(--c-accent)}.stage-text{flex:1;display:flex;flex-direction:column;gap:2px}.stage-title{font-size:20px;font-weight:800}.stage-hint{font-size:15px;line-height:1.35}.resume{display:flex;align-items:center;gap:14px;min-height:80px;padding:12px 16px 12px 12px;border-radius:var(--r-lg);background:var(--c-tint);border:2px solid var(--c-accent);color:var(--c-ink);text-decoration:none;transition:transform .14s var(--ease-out)}.resume:active{transform:scale(.97)}.resume>svg{color:var(--c-accent)}.resume-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.resume-title{font-size:19px;font-weight:800}.resume-step{font-size:15px;color:var(--c-ink-mid)}.art{display:block;max-width:100%;height:auto;border-radius:var(--r-lg)}.art-hero,.art-banner{width:100%;object-fit:cover;border-radius:0;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 85%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 85%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.art-hero{aspect-ratio:3 / 2;object-position:center 40%}.art-banner{aspect-ratio:5 / 2;object-position:center 65%}.learn-head .art-banner{max-width:560px;aspect-ratio:2 / 1}.art-strip{width:100%;max-height:220px;object-fit:contain;border-radius:0;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.art-thumb{flex-shrink:0;width:56px;height:56px;object-fit:cover;border-radius:var(--r-md)}.art-done{width:160px;aspect-ratio:1;object-fit:cover;border-radius:999px;-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent);mask-image:radial-gradient(closest-side,#000 70%,transparent)}.sec-title{display:flex;flex-direction:column;gap:6px}.sec-label{font-size:13px;line-height:1.2;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--c-accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.search{position:relative;scroll-margin-top:12px;display:flex;flex-direction:column;gap:8px}.search-field{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 16px;border-radius:var(--r-md);background:var(--c-surface);border:2px solid var(--c-line);color:var(--c-ink-soft)}.search-field:focus-within{border-color:var(--c-accent);color:var(--c-accent)}.search-field input{flex:1;min-width:0;height:52px;border:none;background:transparent;color:var(--c-ink);font:inherit;font-size:17px;outline:none}.search-field input::placeholder{color:var(--c-ink-soft)}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-clear{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-10px;border:none;border-radius:999px;background:transparent;color:var(--c-ink-soft)}.search-results{border-radius:var(--r-md);background:var(--c-surface);border:1px solid var(--c-line);overflow:hidden}.search-results ul{margin:0;padding:0;list-style:none}.search-hit{display:flex;flex-direction:column;gap:2px;min-height:56px;justify-content:center;padding:10px 16px;border-bottom:1px solid var(--c-line-soft);cursor:pointer}.search-hit:last-child{border-bottom:none}.search-hit[aria-selected=true]{background:var(--c-tint)}.search-hit-title{font-size:16px;font-weight:700;color:var(--c-ink)}.search-hit-where{font-size:13px;color:var(--c-ink-soft)}.search-empty{padding:14px 16px;font-size:15px;color:var(--c-ink-mid)}.anchor{scroll-margin-top:76px}.anchor:focus{outline:none}li.anchor,tr.anchor{border-radius:var(--r-sm)}.anchor.found{outline:3px solid var(--c-accent);outline-offset:2px}@media (prefers-reduced-motion: no-preference){.anchor.found{outline:none;animation:found 1.6s var(--ease-out)}}@keyframes found{0%,40%{box-shadow:0 0 0 3px var(--c-accent)}to{box-shadow:0 0 0 3px transparent}}.fig-part{fill:var(--c-fig-body);stroke:var(--c-fig-body-line);stroke-width:2}.fig-part.hi{fill:var(--c-fig-hi);stroke:var(--c-accent);stroke-width:4}.fig-cloth{fill:var(--c-fig-cloth);stroke:var(--c-fig-cloth-line);stroke-width:2}.fig-hatch{stroke:var(--c-fig-hatch);stroke-width:3}.fig-earth{fill:var(--c-fig-earth)}.fig-earth-line{stroke:var(--c-fig-earth-deep);stroke-width:3;fill:none}.fig-hole{fill:var(--c-bg);stroke:var(--c-fig-earth-deep);stroke-width:2}.fig-plank{stroke:var(--c-accent);stroke-width:5;stroke-linecap:round;stroke-dasharray:10 6}.fig-arrow{stroke:var(--c-accent);stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round}.fig-badge{fill:var(--c-accent)}.fig-badge-text{fill:var(--c-on-accent);font-family:var(--font);font-size:20px;font-weight:800}.fig-label{fill:var(--c-ink-soft);font-family:var(--font);font-size:16px;font-weight:700}.desk{min-height:100dvh}.disclaimer.strip{justify-content:center;align-items:center;padding:10px 24px}.disclaimer.strip svg{margin-top:0}.topbar{background:var(--c-surface);border-bottom:1px solid var(--c-line)}.topbar-in,.desk-main{max-width:1360px;margin:0 auto;padding-left:32px;padding-right:32px}.desk.narrow .topbar-in,.desk.narrow .desk-main{max-width:1200px}.topbar-in{padding-top:14px;padding-bottom:14px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;min-height:var(--tap);color:var(--c-ink);text-decoration:none;font-size:19px;font-weight:800}.logo .braille{flex-shrink:0}.braille-on{fill:var(--c-accent)}.braille-off{fill:var(--c-line)}@media (hover: hover) and (pointer: fine){.logo:hover{color:var(--c-ink)}}.topnav{display:flex;flex-wrap:wrap;gap:8px}.topnav a{display:flex;align-items:center;min-height:var(--tap);padding:0 16px;border-radius:999px;border:2px solid transparent;color:var(--c-ink);text-decoration:none;font-size:15px;font-weight:700}@media (hover: hover) and (pointer: fine){.topnav a:hover{background:var(--c-tint);color:var(--c-ink)}}.topnav a[aria-current=page]{background:var(--c-tint);border-color:var(--c-accent);font-weight:800}.topnav a.help{border-color:var(--c-tint);color:var(--c-accent)}.home{padding-top:40px;padding-bottom:64px;display:flex;flex-direction:column;gap:48px}.hero{display:grid;align-items:center}.hero-text{display:flex;flex-direction:column;gap:18px}.hero-art{aspect-ratio:16 / 10;object-position:center 60%}.hero-title{font-size:48px;line-height:1.08;font-weight:800;letter-spacing:-.01em}.hero-lead{font-size:20px;line-height:1.6;color:var(--c-ink-mid);max-width:560px}.mode-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-radius:var(--r-lg);text-decoration:none}.mode-card-text{display:flex;flex-direction:column;gap:4px}.mode-card-hint{font-size:15px}.mode-card svg{flex-shrink:0}.mode-card.primary{border:2px solid var(--c-accent);background:var(--c-accent);color:var(--c-on-accent)}@media (hover: hover) and (pointer: fine){.mode-card.primary:hover{background:var(--c-accent-hover);border-color:var(--c-accent-hover);color:var(--c-on-accent)}}.mode-card.primary .mode-card-hint{color:var(--c-tint)}.mode-card.quiet{background:var(--c-surface);border:2px solid var(--c-tint);color:var(--c-ink)}@media (hover: hover) and (pointer: fine){.mode-card.quiet:hover{border-color:var(--c-accent);color:var(--c-ink)}}.mode-card.quiet .mode-card-hint{color:var(--c-ink-soft)}.mode-card.quiet svg{color:var(--c-accent)}.journey-num{flex-shrink:0;width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;background:var(--c-accent);color:var(--c-on-accent)}.help-box{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--r-md);background:var(--c-tint);scroll-margin-top:24px}.help-text{font-size:15px;line-height:1.5}.home-stages,.home-myths,.home-ayat{display:flex;flex-direction:column;gap:20px}.stage-grid{margin:0;padding:0;list-style:none;display:grid;gap:16px}.stage-tile{height:100%;display:flex;flex-direction:column;border-radius:var(--r-lg);overflow:hidden;background:var(--c-surface);border:1px solid var(--c-line);color:var(--c-ink);text-decoration:none;transition:transform .14s var(--ease-out),border-color .15s ease}.stage-tile:active{transform:scale(.98)}@media (hover: hover) and (pointer: fine){.stage-tile:hover{border-color:var(--c-accent);color:var(--c-ink)}.stage-tile:hover .stage-tile-go{text-decoration:underline}}.stage-tile-art{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:0;background:var(--c-bg)}.stage-tile-body{flex:1;display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px}.stage-tile-head{display:flex;align-items:center;gap:12px}.stage-tile-title{font-size:20px;font-weight:800}.stage-tile-plain{font-size:15px;line-height:1.45;color:var(--c-ink-mid)}.stage-tile-go{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:800;color:var(--c-accent)}.home-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.home-aside .help-box{padding:20px 22px;justify-content:center}.myth-teaser .draft-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.myth-teaser .draft-source{display:none}.myth-more{margin-top:auto;display:inline-flex;align-items:center;gap:4px;min-height:var(--tap);font-size:15px;font-weight:800;text-decoration:none}.home-myths-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-end}.home-h2{font-size:30px;font-weight:800}.more-link{display:flex;align-items:center;min-height:var(--tap);font-size:16px;font-weight:700}.myth-grid{display:grid;gap:16px}.myth-card{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:var(--r-lg);background:var(--c-surface);border:1px solid var(--c-line);color:var(--c-ink);text-decoration:none}.myth-card .myth-tag{align-items:flex-start}.myth-card .myth-tag svg{flex-shrink:0;margin-top:2px}.desk-foot{border-top:1px solid var(--c-line)}.desk-foot .desk-main{padding-top:24px;padding-bottom:24px;font-size:14px;line-height:1.5;color:var(--c-ink-soft)}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px}.stage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.myth-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 1180px){.hero-title{font-size:40px}.stage-tile-body{padding:14px 14px 16px}.stage-tile-title{font-size:18px}}.guide{padding-top:32px;padding-bottom:64px;display:flex;flex-direction:column;gap:28px}.guide-head{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.guide-switch{display:flex;flex-wrap:wrap;gap:8px}.guide-switch .tab{min-height:48px;padding:0 22px}.guide-count{font-size:16px;font-weight:700}.guide-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:start}.guide-aside{grid-column:2;display:flex;flex-direction:column;gap:20px}.guide-nav{display:flex;flex-direction:column;gap:14px}.step-nav{margin:0;padding:8px;list-style:none;display:flex;flex-direction:column;gap:4px;border-radius:var(--r-lg);background:var(--c-surface);border:1px solid var(--c-line)}.step-nav-btn{width:100%;display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 10px;text-align:left;border-radius:12px;border:none;background:transparent;color:var(--c-ink);font-size:15px;line-height:1.35;font-weight:600}@media (hover: hover) and (pointer: fine){.step-nav-btn:hover{background:var(--c-bg)}}.step-nav-btn.current{background:var(--c-tint);font-weight:800}.step-dot{flex-shrink:0;width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;background:var(--c-surface);color:var(--c-accent);border:2px solid var(--c-line)}.step-nav-btn.done .step-dot{background:var(--c-tint);border-color:var(--c-accent)}.step-nav-btn.current .step-dot{background:var(--c-accent);color:var(--c-on-accent);border-color:var(--c-accent)}.gate-card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:16px;background:var(--c-tint);line-height:1.5}.gate-card-q{font-size:15px;font-weight:800}.gate-card .more-link{font-size:15px}.guide-main{display:flex;flex-direction:column;gap:20px;padding:36px 40px;border-radius:22px;background:var(--c-surface);border:1px solid var(--c-line);min-height:560px}.guide-title{font-size:44px;line-height:1.1;font-weight:800}.guide-body{font-size:24px;line-height:1.55;max-width:680px}.guide-term{font-size:17px;line-height:1.5;color:var(--c-ink-soft)}.guide-main .warn{max-width:680px;padding:16px 18px}.guide-main .warn-title{font-size:16px}.guide-rows{display:flex;flex-direction:column;gap:10px}.guide-actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:20px;border-top:1px solid var(--c-line)}.aside-card{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:22px;background:var(--c-surface);border:1px solid var(--c-line)}.aside-card .card-title{font-size:15px}.aside-card .figure-box{padding:0;border:none;gap:28px}.guide-aside .counter{padding:20px 24px}.aside-list{margin:0;padding:0;list-style:none}.aside-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--c-line-soft);font-size:15px;line-height:1.4}.aside-list li:last-child{border-bottom:none}.aside-list strong{font-weight:700}@media (min-width: 1181px){.guide-grid{grid-template-columns:300px minmax(0,1fr) 380px}.guide-aside{grid-column:auto}.aside-card .figure-box{flex-direction:column;align-items:stretch;gap:14px}.aside-card .figure-box>svg{align-self:center}}.guide-actions .nowrap{white-space:nowrap}.learn{padding-top:48px;padding-bottom:80px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start}.learn-side{position:sticky;top:24px;display:flex;flex-direction:column;gap:20px}.learn-tabs{display:flex;flex-direction:column;gap:8px}.learn-tabs .tab{justify-content:flex-start;padding:0 18px;font-size:17px}.learn-links{display:flex;flex-direction:column;padding:8px;border-radius:16px;background:var(--c-surface);border:1px solid var(--c-line)}.learn-links a{display:flex;align-items:center;min-height:var(--tap);padding:0 12px;border-radius:10px;color:var(--c-ink);text-decoration:none;font-size:15px;font-weight:700}@media (hover: hover) and (pointer: fine){.learn-links a:hover{background:var(--c-tint);color:var(--c-ink)}}.learn-cta{min-height:52px;border-radius:14px;font-size:16px}.learn-main{display:flex;flex-direction:column;gap:56px}.learn-head{display:flex;flex-direction:column;gap:14px;max-width:760px}.learn-title{font-size:46px;line-height:1.1;font-weight:800}.learn-sec{display:flex;flex-direction:column;gap:18px;scroll-margin-top:24px}.learn-h2{font-size:28px;line-height:1.25;font-weight:800}.learn-col{display:flex;flex-direction:column;gap:14px}.learn-adab{padding:28px;border-radius:22px;background:var(--c-tint);gap:12px}.learn-adab p{font-size:18px;line-height:1.6;max-width:760px}.grid2,.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.split{grid-template-columns:1fr;gap:32px}.learn .table-wrap table{width:100%;table-layout:fixed;font-size:15px}.learn .table-wrap th,.learn .table-wrap td{padding:14px 16px}@media (min-width: 1181px){.learn{grid-template-columns:280px minmax(0,1fr)}.split{grid-template-columns:repeat(2,minmax(0,1fr))}}