:root{--ink:#162536;--navy:#101e31;--blue:#315a80;--paper:#f7f9fb;--white:#fff;--line:#cdd7e0;--muted:#526579;--serif:'Songti SC','SimSun',Georgia,serif;--sans:'Microsoft YaHei','PingFang SC',system-ui,sans-serif;color-scheme:light}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.85 var(--sans)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #477ea7;outline-offset:4px}main:focus{outline:none}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.5;text-wrap:balance}h1{font-size:clamp(2rem,3.4vw,3.2rem);margin:8px 0 20px}h2{font-size:1.85rem;margin:0 0 20px}h3{font-size:1.2rem;line-height:1.6;font-weight:600;margin:0 0 10px}h4{font-size:1.15rem;margin:0 0 8px}p{margin:12px 0;color:var(--muted)}li{margin:6px 0}small,.meta,.hint{font-size:.875rem;color:var(--muted)}.hint,pre{overflow-wrap:anywhere}.eyebrow,.kicker{font:500 .875rem/1.7 var(--sans);letter-spacing:.08em;color:var(--blue);margin:0 0 12px}.lead{font-size:1.125rem;line-height:1.95}
.preview-bar{padding:5px 16px;text-align:center;color:#dbe5ef;background:var(--navy);font-size:.8125rem}.nav{max-width:1264px;margin:auto;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:600 1.45rem var(--sans)}.brand span{display:block;font-size:.875rem;color:var(--muted);font-weight:400;letter-spacing:.16em;margin-top:5px}nav{display:flex;gap:24px;flex-wrap:wrap;font-size:.9375rem}nav a{padding:5px 0}nav a[aria-current]{color:var(--blue);text-decoration:underline;text-underline-offset:8px}
main{max-width:1264px;min-height:60vh;margin:auto;padding:20px 32px 88px;animation:arrive .35s ease-out}.intro,.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:36px}.intro p,.section-heading>p{max-width:390px}.primary,.secondary,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 22px;background:var(--blue);border:1px solid transparent;border-radius:5px;color:white;font-size:.9375rem;line-height:1.5;text-align:center;transition:background .2s,transform .2s}.primary:hover{background:#244764}.secondary{background:white;color:var(--ink);border-color:var(--line)}.secondary:hover{background:#edf2f6}.text-button{background:transparent;border:0;padding:8px 0;color:var(--blue)}.actions,.record-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}.actions>*{max-width:100%}.source-link{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.hero{display:grid;grid-template-columns:1.3fr 1fr;min-height:440px;gap:36px;padding:48px;background:var(--navy);border-radius:8px;position:relative;overflow:hidden;isolation:isolate}.hero:before{content:'';position:absolute;inset:-20%;background:radial-gradient(ellipse at 70% 40%,#45799d55,transparent 52%);z-index:-1;animation:atmosphere 9s ease-out both}.hero h1{color:white}.hero p{color:#d1dce7}.hero .eyebrow{color:#b9cede}.hero .primary{background:#e7eef4;color:var(--navy)}.hero .secondary{background:transparent;color:white;border-color:#7490a5}.art-slot{aspect-ratio:4/3;min-width:0;display:grid;place-items:center;background:linear-gradient(140deg,#e4ebf0,#f0f4f7);color:#546d82;border-radius:5px;position:relative;overflow:hidden}.art-slot>span{text-align:center;font-size:.875rem;letter-spacing:.08em}.art-slot small{display:block;color:inherit;font-size:.8125rem;letter-spacing:0;margin-top:4px}.hero .art-slot{background:linear-gradient(135deg,#2c455a44,#6e8c9d33);color:#b8cad8;align-self:stretch;aspect-ratio:auto}.art-slot.wide{min-height:250px}
.site-map,.method-directory,.continue-note{margin-top:76px}.content-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.content-directory a{padding:16px 0}.content-directory span{color:var(--blue);font-size:.875rem}.content-directory h3{margin-top:8px}.content-directory p{margin:0}.method-group{margin:42px 0 56px}.group-heading{margin-bottom:22px}.group-heading p{margin:4px 0}.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.method-tile{display:block;transition:transform .25s}.method-tile:hover{transform:translateY(-4px)}.method-tile .art-slot{margin-bottom:18px;aspect-ratio:8/5}.method-tile p{margin:0}.method-tile .text-button{font-size:.875rem}.method-page{max-width:1000px;margin:auto}.method-opening{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;margin:28px 0 56px}.prose{max-width:740px}.prose section{margin:38px 0}.prose h2{font-size:1.55rem;margin-bottom:10px}.example,.continue-note{background:#edf2f6;padding:22px;border-radius:5px}
.workspace{max-width:880px;margin:auto}.topline{display:flex;justify-content:space-between;gap:20px;align-items:center}.steps{display:flex;gap:16px;padding:24px 0;list-style:none;margin:0;flex-wrap:wrap}.steps li{font-size:.875rem;color:var(--muted);margin:0}.steps li.active{color:var(--ink);font-weight:600}.sheet{background:white;border-radius:8px;padding:36px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.preflight{margin:28px 0 32px}.method-brief{padding:24px;background:#edf2f6;border-radius:6px;margin:16px 0}.method-brief dl{margin:0}.method-brief dt{font-size:.875rem;font-weight:600;margin-top:12px}.method-brief dd{margin:3px 0 0;color:var(--muted)}.method-brief a{font-size:.875rem}.reading-card{padding:24px;background:#edf2f6;border-radius:6px;margin-bottom:22px;animation:arrive .45s ease-out}.reading-card .symbol{font:1.75rem/1.6 var(--serif);color:var(--ink);margin:12px 0}.quote{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.05rem;line-height:2;padding:8px 0;color:var(--ink)}
.reading-report{margin:8px 0 42px}.reading-report>header{margin-bottom:22px}.reading-report h2{font-size:1.75rem;margin:6px 0}.reading-part{margin:26px 0}.reading-part h3{font-size:1.1rem}.reading-part p{margin:10px 0}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.analysis-grid section{background:var(--paper);padding:20px;border-radius:5px}.analysis-grid h4{font-size:1rem}.comparison{background:#edf2f6;padding:26px;border-radius:6px;margin:32px 0}.comparison h2{font-size:1.5rem}.literary-quote{padding:28px;margin:30px 0;background:var(--navy);border-radius:6px}.literary-quote blockquote{margin:0 0 16px;font:1.45rem/1.9 var(--serif);color:#fff}.literary-quote p,.literary-quote small,.literary-quote a{color:#c8d8e5}.literary-quote cite{font:.875rem var(--sans);color:#dbe5ee}.literary-quote details{padding:0;margin:16px 0 0}.literary-quote summary{color:#c8d8e5}.stone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:330px;margin:16px 0}.stone-grid span{padding:9px;text-align:center;background:#e6eef4;border-radius:4px;font-size:1.1rem}.hexagram{font-size:1.9rem;line-height:1.25;white-space:pre}.technical{margin-top:28px}
label{display:block;margin:20px 0 8px;font-size:1rem}textarea,input,select{display:block;width:100%;min-width:0;background:white;border:1px solid #9fb0bf;border-radius:5px;padding:12px 14px;margin-top:8px}textarea{min-height:135px;resize:vertical}select{min-height:50px}input[type=checkbox]{display:inline;width:auto;margin:0 8px 0 0}input[type=file]{font-size:.875rem}label.checkline{font-size:.9375rem;line-height:1.7}.info{padding:20px;background:#edf2f6;border-radius:5px;color:var(--ink);font-size:.9375rem}.row-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;background:white;border-radius:6px;margin-bottom:16px}.row-card p{margin:5px 0}.row-card .record-tools{margin-top:0}.status,.badge{font-size:.875rem;color:var(--blue)}.subheading{margin:42px 0 18px}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.book{padding:30px;background:white;border-radius:6px}.book>.art-slot{max-width:190px;aspect-ratio:3/4;margin-bottom:24px}.book blockquote{font:1.1rem/1.9 var(--serif);margin:24px 0;color:var(--ink)}.book ul{padding-left:20px;color:var(--muted)}.book .price{font-size:1.75rem}.order{margin-bottom:24px}.chapter{margin-top:32px}.empty{padding:44px 24px;text-align:center;background:white;border-radius:6px}.empty p{max-width:500px;margin:12px auto}.policy{max-width:760px;margin:auto}.policy p{margin:22px 0}.policy a{text-decoration:underline}.error{color:#a22f37}details{margin:24px 0;padding:14px 0}summary{cursor:pointer;font-size:.9375rem;color:var(--blue)}pre{font-size:.8125rem;white-space:pre-wrap}.divider{height:0;margin:30px 0}
footer{max-width:1264px;margin:auto;padding:28px 32px 40px;display:flex;flex-wrap:wrap;gap:20px;font-size:.875rem;color:var(--muted)}footer p{width:100%;margin:0}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:var(--navy);color:white;padding:14px 20px;border-radius:6px;z-index:30;font-size:.9375rem;box-shadow:0 6px 30px #10203133}#toast:empty{display:none}dialog{width:min(640px,calc(100% - 32px));max-height:85vh;overflow:auto;border:0;border-radius:8px;padding:30px;color:var(--ink)}dialog::backdrop{background:#101e3180}
@keyframes arrive{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes atmosphere{from{transform:translateX(-5%);opacity:.3}to{transform:translateX(0);opacity:1}}
@media(max-width:960px){.hero{padding:32px;grid-template-columns:1.2fr 1fr;gap:24px}.content-directory,.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.method-opening{gap:32px}nav{gap:16px}}
@media(max-width:680px){.nav{padding:20px;align-items:flex-start;flex-direction:column;gap:14px}nav{width:100%;gap:12px 20px}main{padding:12px 20px 56px}.hero{grid-template-columns:1fr;padding:26px;gap:24px}.hero h1{font-size:2rem}.hero .art-slot{aspect-ratio:16/7;min-height:140px}.hero .actions a{flex:1 1 190px}.intro,.section-heading{display:block}.site-map,.method-directory,.continue-note{margin-top:48px}.content-directory{gap:16px 24px}.method-grid,.method-opening,.two,.analysis-grid,.book-grid{grid-template-columns:1fr}.method-tile .art-slot{aspect-ratio:2/1}.method-opening{margin:24px 0 36px;gap:20px}.sheet{padding:22px}.topline{align-items:flex-start;flex-wrap:wrap;gap:4px}.steps{gap:8px 14px}.row-card{padding:22px;flex-wrap:wrap;align-items:flex-start}.reading-report h2{font-size:1.55rem}.literary-quote{padding:22px}.book{padding:24px}footer{padding:24px 20px;gap:16px}.actions .primary,.actions .secondary{flex:1 1 150px}.method-brief{padding:20px}.section-heading{margin-bottom:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.preview-bar,.nav,footer,.actions,.record-tools,.steps,#toast,.art-slot{display:none}body{background:white}main,.sheet{padding:0}.quote,.reading-part{break-inside:avoid}.literary-quote{background:white}.literary-quote blockquote,.literary-quote p,.literary-quote cite{color:#111}}

/* V3.0.2: bounded reading sections and visibly interactive entrances. */
.content-directory{gap:18px}.content-directory>a,.method-tile,.book{position:relative;isolation:isolate;border:1px solid #d2dfe9;border-radius:14px;background:#fff;box-shadow:0 5px 14px #16365407;transition:transform .32s cubic-bezier(.2,.75,.25,1),box-shadow .32s,border-color .25s,background-color .25s}
.content-directory>a{display:flex;flex-direction:column;min-height:220px;padding:26px}.content-directory h3{margin:0 0 12px}.content-directory p{flex:1}.tile-link{display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--blue);font-size:.9375rem;margin-top:24px;font-weight:500}.tile-link>span{font-size:1.3rem;transition:transform .3s}
.content-directory>a:before,.method-tile:before,.book:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 50% 0%,#87c5f12b,transparent 70%);opacity:0;transition:opacity .3s;z-index:-1}
.method-tile{overflow:hidden}.method-tile .art-slot{margin:0;border-radius:13px 13px 0 0;transition:filter .3s}.method-tile .tile-copy{padding:22px}.method-tile .tile-link{margin-top:20px}.method-grid{gap:22px}
.method-group{background:#edf2f6;border-radius:18px;padding:30px;margin:28px 0}.group-heading{margin-bottom:24px}.group-heading h3{font-size:1.4rem}.group-heading p{margin:8px 0 0}.section-heading{margin-bottom:22px}.hero-copy .lead{max-width:29em}.hero .meta{margin-top:20px}.site-map{margin-top:54px}
.method-sections{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.method-sections section{margin:0;padding:26px;background:white;border:1px solid #d9e3ec;border-radius:12px}.method-sections section:nth-child(3){grid-column:1/-1}.method-sections section p:last-child{margin-bottom:0}.method-sections h2{font-size:1.4rem}
.method-brief{border-radius:12px;border:1px solid #dae3eb;padding:26px}.method-brief dl{display:grid;grid-template-columns:3em minmax(0,1fr);column-gap:18px;row-gap:16px}.method-brief dt{margin:0;font-size:.9375rem}.method-brief dd{margin:0}.method-brief h3{margin-bottom:20px}
.reading-report{padding:28px;border-radius:14px;background:#edf2f6;margin:24px 0 36px}.reading-report header{margin-bottom:24px}.reading-report h2{margin-bottom:6px}.report-summary{margin:0;font-size:1.1rem;color:var(--muted)}.reading-part,.analysis-block{padding:22px;background:#fff;border-radius:10px;margin:18px 0}.reading-part .eyebrow{margin-bottom:4px}.reading-part .result-detail{font-size:.875rem;color:var(--muted);margin:0 0 14px}.analysis-block h3{font-size:1rem;color:var(--blue)}.analysis-block p:last-child{margin-bottom:0}.analysis-grid{gap:18px}.analysis-grid section{background:#fff;border-radius:10px;padding:22px}.translation-note{font-size:.875rem;margin:8px 0 0}.comparison{border-radius:14px;padding:28px}.steps{counter-reset:step}.steps li{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:#e9eef3}.steps li.active{background:var(--navy);color:#fff}
.content-directory>a:focus-visible,.method-tile:focus-visible,.book:focus-within{border-color:#6da3cf;box-shadow:0 0 0 3px #80b5df40,0 14px 35px #21476b1c;background:#fbfdff}.content-directory>a:focus-visible:before,.method-tile:focus-visible:before,.book:focus-within:before{opacity:1}
@media(hover:hover) and (pointer:fine){
 .content-directory>a:hover,.method-tile:hover,.book:hover{transform:translateY(-9px);border-color:#75a7d0;background:#fbfdff;box-shadow:0 0 0 1px #82b7df45,0 18px 40px #28587826,0 0 36px #78b8ea24}
 .content-directory>a:hover:before,.method-tile:hover:before,.book:hover:before{opacity:1}
 .content-directory>a:hover .tile-link>span,.method-tile:hover .tile-link>span{transform:translate(4px,-4px)}
 .method-tile:hover .art-slot{filter:brightness(1.06)}
 .primary:hover,.secondary:hover{transform:translateY(-3px);box-shadow:0 8px 22px #28587830}
}
@media(hover:none){.method-tile:hover{transform:none}.content-directory>a:active,.method-tile:active{background:#e8f2fa;border-color:#75a7d0;transform:scale(.99)}}
@media(max-width:680px){.content-directory{grid-template-columns:1fr;gap:14px}.content-directory>a{min-height:0;padding:24px}.tile-link{margin-top:16px}.method-group{padding:20px;margin:24px -6px}.method-grid{gap:20px}.method-tile .tile-copy{padding:20px}.method-sections{grid-template-columns:1fr;gap:16px}.method-sections section:nth-child(3){grid-column:auto}.method-sections section{padding:22px}.reading-report{padding:16px;margin:20px -8px 28px}.reading-part,.analysis-block,.analysis-grid section{padding:20px}.method-brief{padding:20px}.method-brief dl{column-gap:12px}.steps{gap:8px}.steps li{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.content-directory>a,.method-tile,.book,.primary,.secondary,.tile-link>span{transform:none!important;transition:none!important}.method-tile .art-slot{filter:none!important}}
@media print{.reading-report,.reading-part,.analysis-block,.analysis-grid section,.method-sections section{background:white;box-shadow:none;border:0}.reading-report{padding:0}}

/* V3.0.3: explicit navigation and connected disclosure surfaces. */
/* Sourced artwork keeps authentic cards intact and frames atmospheric images consistently. */
.art-slot.artwork{display:block;background:#172b3f;isolation:isolate}
.artwork img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:transform .6s,filter .4s}
.artwork:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1023370a 35%,#102337bb);pointer-events:none}
.artwork .art-caption{position:absolute;left:16px;right:16px;bottom:12px;text-align:left;color:#f1f5f8;font-size:.75rem;letter-spacing:.03em;z-index:1}
.art-card img{object-fit:contain;padding:14px 0 36px;filter:saturate(.75);background:radial-gradient(ellipse at 50% 35%,#35516a,#122639)}
.art-card:after,.art-contain:after{background:linear-gradient(0deg,#102337cc,transparent 30%)}
.art-contain img{object-fit:contain;padding:12px 10px 36px}
.art-chart img{object-fit:contain;padding:24px 20px 48px;filter:invert(.88);background:transparent}
.art-chart:after{background:linear-gradient(0deg,#102337aa,transparent 45%)}
.hero .artwork{background:#14283c;min-height:360px}.hero .artwork img{object-position:58% center;filter:saturate(.65) brightness(.92)}
.hero .artwork:after{background:linear-gradient(90deg,#101e3133,transparent 40%),linear-gradient(0deg,#101e3199,transparent 50%)}
[data-artwork=method-tengmo] img{object-position:center 55%}
[data-artwork=method-poetry] img{object-position:center 58%}
[data-artwork=method-oracle] img{object-position:center 68%}
[data-artwork=relay]{aspect-ratio:16/7;max-height:300px;margin:24px 0}
[data-artwork=relay] img{object-position:center 57%}
.method-opening .artwork{aspect-ratio:4/3;min-height:280px}
.image-credits{max-width:1000px}.credit-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
.credit-grid article{padding:22px;background:#fff;border-radius:12px}.credit-grid img{width:100%;height:220px;object-fit:contain;background:#e9eef3;border-radius:6px}
.credit-grid h2{font-size:1.25rem;margin:20px 0 8px}.credit-grid p{font-size:.9375rem;margin:8px 0}
@media(hover:hover) and (pointer:fine){.method-tile:hover .artwork img{transform:scale(1.035);filter:saturate(.9)}.method-tile:hover .art-chart img{filter:invert(.95)}}
@media(max-width:680px){.hero .artwork{min-height:220px;aspect-ratio:16/10}.method-opening .artwork{min-height:240px}.credit-grid{grid-template-columns:1fr}[data-artwork=relay]{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.artwork img{transition:none!important;transform:none!important}}
.mode-choice{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0;padding:8px;background:#e7eef5;border-radius:12px}
.mode-choice a{flex:1 1 180px;min-height:48px;padding:10px 18px;text-align:center;border:1px solid transparent;border-radius:8px;color:var(--blue);transition:background .2s,box-shadow .2s}
.mode-choice a[aria-current]{background:var(--navy);color:white;box-shadow:0 4px 12px #16253622}
.mode-choice a:not([aria-current]):hover{background:#fff;border-color:#a9bdcf}
.back-link,.next-link{min-height:48px;padding:11px 18px;border:1px solid #a9bdcf;border-radius:9px;background:#fff;box-shadow:0 3px 10px #1636540a;font-weight:600;transition:transform .22s,background .22s,box-shadow .22s,border-color .22s}
.policy .back-link{text-decoration:none}.workspace>.back-link,.method-page>.back-link{margin-bottom:14px}
form>.primary,#reveal{min-height:52px;margin-top:22px;padding:14px 24px;font-weight:600;border-radius:9px;box-shadow:0 5px 16px #28587824}
details.disclosure{padding:0;border:1px solid #b5c8d8;border-radius:12px;background:#f5f8fb;transition:border-color .25s,box-shadow .25s,background .25s}
.disclosure>summary{display:flex;align-items:center;gap:16px;min-height:58px;padding:16px 20px;color:var(--blue);font-weight:600;list-style:none;border-radius:11px;transition:background .2s}
.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary::marker{content:''}
.disclosure-title{flex:1;min-width:0;overflow-wrap:anywhere}
.disclosure-hint{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;font-size:.8125rem;font-weight:500;padding:4px 10px;background:#e2edf5;border-radius:6px}
.disclosure-hint:after{content:'';display:block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}
.disclosure[data-expanded=true]{background:#fff;border-color:#739cbc;box-shadow:0 8px 24px #28587810}
.disclosure[data-expanded=true]>summary{background:#eaf2f8;border-radius:11px 11px 0 0}
.disclosure[data-expanded=true]>summary>.disclosure-hint:after{transform:rotate(225deg) translate(-1px,-1px)}
.disclosure-body{display:flow-root;overflow:hidden;padding:0 22px}
.disclosure-body>:first-child{margin-top:22px}.disclosure-body>:last-child{margin-bottom:22px}
.disclosure:focus-within{border-color:#477ea7}
.literary-quote details.disclosure{background:#172c40;border-color:#4f6b82}
.literary-quote .disclosure>summary,.literary-quote .disclosure-hint{color:#e2edf6}
.literary-quote .disclosure-hint,.literary-quote .disclosure[data-expanded=true]>summary{background:#28435b}
@media(hover:hover) and (pointer:fine){
 .back-link:hover{transform:translateX(-4px)}.next-link:hover{transform:translateX(4px)}
 .back-link:hover,.next-link:hover{border-color:#739cbc;background:#edf5fc;box-shadow:0 5px 18px #28587824}
 .disclosure>summary:hover{background:#e3eef7}.disclosure:hover{border-color:#739cbc;box-shadow:0 5px 18px #28587819}
 .literary-quote .disclosure>summary:hover{background:#28435b}
}
.back-link:active,.next-link:active,.primary:active,.secondary:active{transform:translateY(1px);box-shadow:none}
@media(max-width:680px){.disclosure>summary{padding:14px;gap:10px}.disclosure-body{padding:0 14px}.disclosure-hint{padding:4px 8px;gap:8px}form>.primary,#reveal{width:100%}.topline .meta{align-self:center}}
@media(prefers-reduced-motion:reduce){.back-link,.next-link{transform:none!important}}
@media print{details.disclosure,.literary-quote details.disclosure{background:white;border-color:#aaa;box-shadow:none}.disclosure>summary,.literary-quote .disclosure>summary{color:#111;background:white}.disclosure-hint{display:none}}

/* V3.0.6: clear destinations and result-led visual comparison. */
.hero-start a{font-weight:600;min-height:56px;border-radius:10px;gap:18px}
.hero-start a span{font-size:1.25rem;transition:transform .3s}
.hero .hero-mode-note{font-size:.875rem;margin:16px 0 0;max-width:30em}
.hero .meta{font-size:.8125rem;color:#adbfce;margin-top:10px}
.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:1px;width:max-content;max-width:100%;margin:26px auto 0;padding:8px 26px;background:transparent;border:0;border-radius:12px;color:var(--blue)}
.scroll-cue>span:first-child{font-weight:600}.scroll-cue small{font-size:.8125rem}.scroll-cue .scroll-arrow{font-size:1.6rem;line-height:1.5;animation:scroll-invite 1.5s ease-in-out 3}
.scroll-cue:hover,.scroll-cue:focus-visible{background:#e4edf4}
#home-methods{scroll-margin-top:24px}.site-map{margin-top:38px}
.home-destinations>a.destination{padding:0;overflow:hidden;min-height:0;border:0;border-top:4px solid var(--destination-accent)}
.destination-atlas{--destination-accent:#598fa4;--destination-bg:#e8f1f5}
.destination-relay{--destination-accent:#9c758c;--destination-bg:#f3ebf0}
.destination-journal{--destination-accent:#ae884c;--destination-bg:#f5efe3}
.destination-books{--destination-accent:#678e7e;--destination-bg:#eaf2ed}
.home-destinations .artwork{aspect-ratio:16/10;min-height:0;margin:0;border-radius:0;max-height:none}
.home-destinations .art-caption{display:none}
.home-destinations .artwork img{padding:0;object-fit:cover;filter:saturate(.7)}
.home-destinations .destination-copy{padding:22px;background:var(--destination-bg);flex:1;display:flex;flex-direction:column}
.home-destinations h3{font-size:1.2rem}.home-destinations p{font-size:.9375rem}
.home-destinations .tile-link{margin-top:20px}
[data-theme],body:has(.result-workspace){--result-night:#173148;--result-light:#c7e4f1;--result-ink:#254b66;--page-wash:#e8eff7}
[data-theme=start],body:has(.result-workspace[data-theme=start]){--result-night:#40332a;--result-light:#eed1a0;--result-ink:#705022;--page-wash:#f3ecdf}
[data-theme=pause],body:has(.result-workspace[data-theme=pause]){--result-night:#302d49;--result-light:#d2c5ee;--result-ink:#594974;--page-wash:#ede9f4}
[data-theme=connect],body:has(.result-workspace[data-theme=connect]){--result-night:#402c3c;--result-light:#efc2d6;--result-ink:#734459;--page-wash:#f5e9ed}
[data-theme=boundary],body:has(.result-workspace[data-theme=boundary]){--result-night:#243b3a;--result-light:#b7dbce;--result-ink:#2d6056;--page-wash:#e4f0eb}
[data-theme=change],body:has(.result-workspace[data-theme=change]){--result-night:#29324a;--result-light:#bed0fa;--result-ink:#435b90;--page-wash:#e8ecf9}
[data-theme=keep],body:has(.result-workspace[data-theme=keep]){--result-night:#303d2e;--result-light:#d2dfb6;--result-ink:#53633a;--page-wash:#ecf0e4}
[data-theme=observe],body:has(.result-workspace[data-theme=observe]){--result-night:#183544;--result-light:#b4e0e6;--result-ink:#2f6270;--page-wash:#e5f0f3}
[data-theme=release],body:has(.result-workspace[data-theme=release]){--result-night:#413631;--result-light:#e9c9b5;--result-ink:#735444;--page-wash:#f3ece6}
body:has(.result-workspace){background:radial-gradient(ellipse at 12% 18%,var(--page-wash),transparent 65%),var(--paper)}
.result-workspace{max-width:1160px}.result-workspace>h1{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:600;overflow-wrap:anywhere}
.result-workspace>.sheet{padding:30px;background:#ffffffa8;border:1px solid #fff;border-radius:22px}
.result-scene{position:relative;isolation:isolate}
.result-scene:before{content:'';position:absolute;inset:-26px;border-radius:28px;background:radial-gradient(ellipse at 10% 25%,var(--page-wash),transparent 65%);z-index:-1;pointer-events:none;animation:result-atmosphere 4s ease-out both}
.result-scene>.literary-quote{margin:0 0 28px;padding:30px 36px;background:var(--result-night);border-radius:16px;text-align:center;overflow:hidden}
.literary-quote blockquote{font-size:clamp(1.35rem,2.25vw,1.85rem);animation:quote-emerge 1.2s ease-out both;text-wrap:balance}
.literary-quote cite{display:block;animation:quote-emerge 1.2s .15s ease-out both}
.literary-quote .eyebrow{font-size:.75rem;letter-spacing:.16em;color:var(--result-light)}
.literary-quote .translation-note{font-size:.75rem;margin:6px 0}
.literary-quote details.disclosure{max-width:480px;margin:16px auto 0;text-align:left;border-color:#ffffff30;background:#ffffff0a}
.literary-quote .disclosure>summary{min-height:42px;padding:10px 14px;font-size:.8125rem}
.result-grid{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.7fr);gap:28px;align-items:start}
.result-gallery,.result-voices{min-width:0}.result-art-group{margin-bottom:24px}
.result-art-group>.eyebrow{font-weight:600;color:var(--result-ink);text-align:center}
.result-portraits{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:14px}
.symbol-portrait{margin:0;padding:20px 14px;border:1px solid #ffffff40;border-radius:18px;background:radial-gradient(ellipse at 50% 20%,#ffffff14,transparent 65%),var(--result-night);color:var(--result-light);box-shadow:0 14px 28px #14283b16;overflow:hidden;transition:transform .4s,box-shadow .4s}
.portrait-visual{display:grid;place-items:center;min-height:180px;position:relative}
.result-motif{width:100%;max-width:210px;aspect-ratio:1;filter:drop-shadow(0 0 16px #dcefff33);animation:symbol-emerge 1.4s ease-out both;transition:transform .6s}
.symbol-portrait:only-child .portrait-visual{min-height:260px}
.symbol-portrait figcaption{text-align:center}.symbol-portrait h3{font-family:var(--serif);font-weight:600;color:#fff;font-size:1.35rem;overflow-wrap:anywhere;margin:8px 0}
.symbol-portrait small,.symbol-portrait p,.symbol-portrait .visual-caption{color:var(--result-light)}
.symbol-portrait .visual-caption{font-size:.75rem}.symbol-portrait small{font-size:.8125rem}
.drawn-art{width:100%;max-width:230px;height:300px;object-fit:contain;animation:symbol-emerge 1.2s ease-out both}
.drawn-art.reversed{rotate:180deg}.rune-glyph{font-family:'Segoe UI Historic','Segoe UI Symbol',serif;font-size:110px;line-height:1.3;animation:symbol-emerge 1.2s ease-out both}
.poem-lines{white-space:pre-wrap;line-height:2;font-family:var(--serif);font-size:1.05rem}
.result-hex{display:flex;align-items:center;gap:16px;width:100%;justify-content:center}.result-hex>div{flex:1;max-width:120px;text-align:center}.result-hex strong,.result-hex small{display:block}
.hex-lines{display:grid;gap:9px;margin:20px 0}.hex-lines>span{display:flex;gap:10px;height:8px}.hex-lines i{background:currentColor;flex:1;border-radius:1px}
.geo-points{display:grid;gap:17px}.geo-points>span{display:flex;gap:25px;justify-content:center}.geo-points i{width:15px;height:15px;border-radius:50%;background:currentColor;box-shadow:0 0 16px #ffffff25}
.result-stones{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:260px}
.result-stones>span{min-height:62px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:10px 6px;border:1px solid #ffffff30;border-radius:9px;background:#ffffff0a}
.result-stones i{width:12px;height:15px;border-radius:45%;background:currentColor;box-shadow:2px 3px 4px #0003}
.result-beads{display:grid;gap:22px;text-align:center}.result-beads span{display:block;font-size:2.4rem;letter-spacing:.15em}.result-beads small{display:block}
.personal-voice,.system-voice{border-radius:16px;padding:26px}
.personal-voice{background:#f5ead8;border:1px solid #dbc49f;animation:quote-emerge .7s ease-out both;margin-bottom:20px}
.personal-voice>.eyebrow{color:#785b32}.personal-voice>h2{font-size:1.4rem;color:#674721;font-weight:600;margin:0 0 8px}
.personal-voice .quote{color:#543d25;margin:0;font-size:1.05rem;padding:0}.personal-voice h2:not(:first-of-type){margin-top:20px}
.system-voice{background:#e7f0f8;border:1px solid #b3cbdf}
.system-voice>h2{font-size:1.4rem;color:#254b6d;font-weight:600;margin-bottom:22px}
.system-voice>.eyebrow{color:#466885}
.system-voice .reading-report{margin:0 0 26px;padding:0;background:transparent}
.system-voice .reading-report:last-child{margin-bottom:0}
.system-voice .reading-report header{margin-bottom:16px}
.system-voice .reading-report header>.eyebrow{margin-bottom:4px;font-size:.75rem}
.system-voice .reading-report h2{font-size:1.1rem;margin:0 0 8px;font-family:var(--sans);font-weight:500}
.system-voice .report-summary{font-size:1.45rem;line-height:1.6;font-weight:600;color:#163d5c}
.result-facts{border-left:4px solid var(--result-ink);background:#ffffffba;padding:18px}
.result-facts h3{font-size:.8125rem;color:#47677c;margin-bottom:8px}.result-facts p{font-size:1rem;line-height:1.9;margin-top:0;color:#203e55}
.result-facts strong{font-weight:600}.result-takeaway{font-weight:600;color:#25475e;line-height:2}
.system-voice .reading-part h3{font-size:1.2rem;color:#254b6d;font-weight:700}
.system-voice .analysis-grid{grid-template-columns:1fr}
.system-voice .reading-report>.text-button{font-size:.8125rem}
.response-form{margin-top:30px;padding:24px;background:#f5efe5;border-radius:16px}
.drawn-result{max-width:520px;margin:0 auto 28px}.drawn-result>h2{font-size:1.3rem;color:var(--result-ink);font-weight:600}
@keyframes quote-emerge{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes symbol-emerge{from{opacity:.2;scale:.93}to{opacity:1;scale:1}}
@keyframes result-atmosphere{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes scroll-invite{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media(hover:hover) and (pointer:fine){
 .hero-start a:hover span{transform:translate(3px,-3px)}
 .home-destinations>a:hover .artwork img{transform:scale(1.05);filter:saturate(.95)}
 .symbol-portrait:hover{transform:translateY(-5px);box-shadow:0 20px 38px #14283b28}
 .symbol-portrait:hover .result-motif{transform:scale(1.06) rotate(-3deg)}
}
@media(max-width:960px){.result-grid{grid-template-columns:minmax(210px,.75fr) minmax(0,1.4fr);gap:20px}.personal-voice,.system-voice{padding:20px}.result-workspace>.sheet{padding:22px}.portrait-visual{min-height:150px}}
@media(max-width:760px){.result-grid{grid-template-columns:1fr}.result-gallery{max-width:520px;width:100%;margin:auto}.result-portraits{grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr))}.symbol-portrait:only-child{max-width:360px;width:100%;justify-self:center}.result-scene>.literary-quote{padding:24px 18px}.result-workspace>.sheet{padding:16px}.result-scene:before{inset:-14px}.response-form{padding:20px}}
@media(max-width:680px){.home-destinations>a.destination{display:grid;grid-template-columns:100px 1fr;border-top:0;border-left:4px solid var(--destination-accent)}.home-destinations .artwork{height:100%;min-height:180px;aspect-ratio:auto}.home-destinations .destination-copy{padding:18px}.home-destinations .tile-link{font-size:.8125rem;margin-top:12px}.home-destinations h3{margin-bottom:8px}.home-destinations p{font-size:.875rem}.hero-start{gap:10px}.hero-start a{min-height:52px}.scroll-cue{margin-top:18px}.personal-voice,.system-voice{padding:18px}.system-voice .reading-report{margin:0 0 24px}.system-voice .report-summary{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){.symbol-portrait:hover,.symbol-portrait:hover .result-motif{transform:none}.home-destinations .artwork img{transform:none!important}}
@media print{body:has(.result-workspace){background:#fff}.result-scene:before,.scroll-cue{display:none}.result-grid{display:block}.result-gallery{max-width:600px}.symbol-portrait,.personal-voice,.system-voice{background:#fff;color:#111;box-shadow:none;border:1px solid #888}.symbol-portrait h3,.symbol-portrait small,.symbol-portrait p,.symbol-portrait .visual-caption{color:#111}.result-scene>.literary-quote{background:#fff}.result-workspace>.sheet{padding:0}}

/* V3.0.7: quiet surroundings, a focused table, and connected reading. */
body:has(.hero){background:#f3f4f3 url('/assets/art-moonlight.jpg') no-repeat fixed center top;background-size:cover}
body:has(.hero):before{content:'';position:fixed;inset:0;background:#f5f6f5ed;pointer-events:none;z-index:-1}
body:has(.hero)>.nav,body:has(.hero)>main,body:has(.hero)>footer{position:relative}
.hero{border-radius:22px;min-height:540px;padding:54px;gap:44px}
.hero .artwork{border-radius:180px 180px 10px 10px;box-shadow:0 20px 50px #0005;border:1px solid #c9d6e433;transform:perspective(1000px) rotateY(-5deg);transition:transform .7s}
.hero .hero-copy{align-self:center}.hero h1{font-size:clamp(2.3rem,4vw,3.7rem);line-height:1.45;letter-spacing:.04em}
.hero .lead{font-size:1rem;line-height:2.1;max-width:28em}.hero-start{margin-top:30px}
.method-group{background:transparent;padding:30px 0;margin:34px 0 50px;border-radius:0}
.method-group+.method-group{border-top:1px solid #d2dce3;padding-top:46px}
.group-heading h3{font-family:var(--serif);font-size:1.7rem;font-weight:500}
.method-tile{background:#fff;border:0;box-shadow:none;border-radius:12px}
.method-tile .tile-copy{padding:22px 20px}.method-tile .art-slot{border-radius:12px}
.method-tile .tile-link{font-size:.8125rem}.method-tile .artwork{aspect-ratio:1.6}
.guide-note{display:flex;align-items:center;gap:16px;max-width:760px;margin:24px auto 28px;padding:14px 0}
.guide-note img{width:58px;height:58px;flex-shrink:0;border-radius:50%;object-fit:cover;object-position:45% 20%;border:3px solid #fff;box-shadow:0 4px 14px #273e4c19}
.guide-note div{min-width:0}.guide-note span{font-size:.875rem;color:#304e61;font-weight:600}.guide-note small{font-size:.75rem;margin-left:14px;color:#657987}
.guide-note p{margin:4px 0 0;color:#344d5e;font-family:var(--serif);font-size:1.05rem;line-height:1.9}
.result-scene>.guide-note{max-width:none;margin:0 0 26px}
.in-ritual>.sheet{background:transparent;border:0;padding:0}
.ritual-stage{padding:36px 42px 26px;border-radius:22px;background:#152e40;color:#eaf2f6;box-shadow:0 30px 75px #12304826;overflow:hidden}
.ritual-heading{text-align:center}.ritual-heading h2{color:#fff;font-size:2rem;margin:8px 0}.ritual-heading p{color:#bccedb}.ritual-heading>.eyebrow{font-size:.8125rem;color:#b8cedb}
.ritual-stage .guide-note{max-width:610px;margin:12px auto 22px}.ritual-stage .guide-note span,.ritual-stage .guide-note p{color:#e1ebf0}.ritual-stage .guide-note small{color:#b6c9d5}
.ritual-table{min-height:290px;padding:28px 20px;background:#0c21315e;border-radius:120px 120px 20px 20px;border-bottom:1px solid #d6e4ee33;perspective:1000px}
.ritual-deck{display:flex;justify-content:center;align-items:center;gap:14px;min-height:250px}
.ritual-pick{position:relative;width:clamp(60px,12vw,112px);height:180px;padding:6px;border:1px solid #b7ccd688;border-radius:10px;background:#30485b;box-shadow:0 14px 22px #0003;color:white;transition:transform .35s,box-shadow .35s,border-color .35s}
.ritual-pick img{width:100%;height:100%;object-fit:cover;border-radius:5px;filter:brightness(.7) saturate(.55)}
.ritual-pick span{position:absolute;inset:auto 4px 14px;text-align:center;font-size:.75rem;color:white;text-shadow:0 1px 4px #000}
.ritual-pick:nth-child(1){rotate:-8deg;translate:0 12px}.ritual-pick:nth-child(2){rotate:-4deg;translate:0 3px}.ritual-pick:nth-child(4){rotate:4deg;translate:0 3px}.ritual-pick:nth-child(5){rotate:8deg;translate:0 12px}.ritual-pick:only-child{rotate:0deg;translate:0 0;width:180px;border-radius:80px}
.ritual-pick:only-child img{border-radius:72px}
.ritual-slips .ritual-pick{width:66px;height:215px;border-radius:5px}.ritual-slips img{object-position:70% center}
.ritual-bottom{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin:28px 0 18px}.ritual-bottom p{color:#c1d2dd;font-size:.875rem}
.ritual-bottom .primary{background:#e3edf3;color:#17354b;min-height:52px;font-weight:600;border-radius:10px}.ritual-bottom .text-button{color:#d3e3ed;text-decoration:underline;text-underline-offset:5px}
.ritual-stage .ritual-caption{font-size:.75rem;text-align:center;color:#adbfcb}
.chosen-object{text-align:center;animation:chosen-arrives .65s ease-out both}.chosen-object img{height:230px;width:150px;object-fit:cover;margin:auto;border:6px solid #e0d8c3;border-radius:9px;box-shadow:0 15px 30px #0004}.chosen-object p{color:#d2e0e8;font-size:.875rem}
.ritual-opened{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-width:470px;margin:0 auto 24px;gap:18px}.ritual-opened .symbol-portrait{padding:12px}.ritual-opened .portrait-visual,.ritual-opened .symbol-portrait:only-child .portrait-visual{min-height:100px}.ritual-opened .result-motif{max-width:120px}.ritual-opened .drawn-art{height:180px}.ritual-opened h3{font-size:1.1rem}
.ritual-material{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:680px;margin:auto;align-items:center}
.ritual-material>img{width:100%;height:260px;object-fit:cover;border-radius:100px 100px 10px 10px;filter:saturate(.65)}
.ritual-trace>p{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid #cce4f324;margin:0;color:#d3e3ec;font-size:.875rem;animation:quote-emerge .5s ease-out}
.ritual-trace strong{color:white;font-size:.8125rem}
.linked-symbol{min-width:0;cursor:pointer;border-radius:18px;transition:box-shadow .3s}
.linked-symbol .symbol-portrait{height:100%}
.symbol-links,.theme-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.symbol-links button,.theme-links button{padding:7px 12px;min-height:40px;border-radius:20px;border:1px solid #b8cbd7;background:#fff;color:#365b73;font-size:.8125rem;transition:background .2s,transform .2s}
.theme-links button{background:#e9f0f4;border-color:transparent}.theme-links button[aria-pressed=true]{background:#2d526d;color:white}
.symbol-links button:hover,.theme-links button:hover{transform:translateY(-2px);background:#dfeaf2}
.result-art-group{border-radius:18px;padding:8px;transition:background .3s,box-shadow .3s}
.is-linked{outline:3px solid #bd934c!important;outline-offset:6px;box-shadow:0 8px 28px #b9904d30!important}
.reading-part:focus{outline:none}.reading-part.is-linked{background:#fff9ed}
.link-status{font-size:.875rem;color:#456275;min-height:1.5em}
.response-box{margin:20px 0 24px;padding:16px 0 0;border-top:1px solid #b9ccda}
.reaction-choices{display:flex;flex-wrap:wrap;gap:8px}
.reaction-choices button{min-height:40px;padding:8px 12px;font-size:.8125rem;border:1px solid #aac1d1;border-radius:9px;background:#ffffffaa;color:#37566b;transition:background .25s,box-shadow .25s}
.reaction-choices button[aria-pressed=true]{color:#fff;background:#3b6178;border-color:#3b6178;box-shadow:0 4px 12px #253c5620}
.reaction-choices button[data-reaction=different][aria-pressed=true]{background:#826440;border-color:#826440}
.reaction-choices button[data-reaction=ponder][aria-pressed=true]{background:#6b5e7e;border-color:#6b5e7e}
.response-body{animation:quote-emerge .45s ease-out}.response-invite{font-size:.8125rem;margin:10px 0 0}
.reflection-form{margin-top:14px;padding:18px;background:#fff9ee;border-radius:12px;animation:quote-emerge .45s ease-out}
.reflection-form label{margin:0;font-size:.9375rem;color:#5f4a30}.reflection-form textarea{min-height:100px;font-size:.9375rem}
.reflection-save{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}
.reflection-save .secondary{font-size:.8125rem;min-height:40px}.reflection-save [role=status]{font-size:.75rem;color:#6c6457}
.saved-response{background:#f5ead8;padding:28px;border-radius:16px;margin-top:32px}
@media(min-width:761px){.result-gallery{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;padding:8px}.result-grid{align-items:start}}
@keyframes chosen-arrives{from{opacity:.25;transform:translateY(25px) rotateY(-25deg)}to{opacity:1;transform:translateY(0) rotateY(0)}}
@media(min-width:1120px){.method-group{display:grid;grid-template-columns:230px minmax(0,1fr);gap:38px}.group-heading{padding-top:14px}.method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(hover:hover) and (pointer:fine){.hero:hover .artwork{transform:perspective(1000px) rotateY(0)}.ritual-pick:hover{transform:translateY(-18px) scale(1.05);box-shadow:0 22px 35px #0006;border-color:#fff}.method-tile:hover{transform:translateY(-5px);box-shadow:0 10px 25px #28587818}.reaction-choices button:hover{box-shadow:0 4px 14px #254d6925}}
.ritual-pick:focus-visible{transform:translateY(-12px);outline:3px solid #f2d49a;outline-offset:5px}
@media(max-width:960px){.hero{padding:34px;gap:28px;min-height:480px}}
@media(max-width:680px){.hero{min-height:0;padding:28px}.hero .artwork{border-radius:120px 120px 8px 8px;min-height:200px;max-height:250px;transform:none}.hero h1{font-size:2.35rem}.method-group{padding:22px 0;margin:24px 0}.guide-note{gap:12px}.guide-note img{width:46px;height:46px}.guide-note p{font-size:.9375rem}.guide-note small{display:none}.ritual-stage{padding:24px 16px 18px}.ritual-heading h2{font-size:1.65rem}.ritual-table{padding:16px 8px;min-height:240px;border-radius:60px 60px 12px 12px}.ritual-deck{gap:6px;min-height:210px}.ritual-pick{height:145px;width:calc((100% - 36px)/5);padding:3px}.ritual-slips .ritual-pick{width:calc((100% - 36px)/5);height:180px}.ritual-bottom{gap:12px}.ritual-bottom p{flex-basis:100%;text-align:center;margin:0}.ritual-material{grid-template-columns:100px minmax(0,1fr);gap:16px}.ritual-material>img{height:210px}.ritual-trace>p{padding:8px 0}.reflection-form{padding:14px}.reaction-choices button{flex:1 1 auto}.saved-response{padding:20px}.result-art-group{padding:5px}.symbol-links{gap:6px}.symbol-links button{padding:6px 10px}}
@media(prefers-reduced-motion:reduce){.hero .artwork,.ritual-pick,.ritual-pick:focus-visible,.ritual-pick:hover{transform:none!important;rotate:0deg;translate:0 0}}
@media print{.guide-note,.ritual-stage,.reaction-choices,.reflection-save,.symbol-links,.theme-links,.response-invite{display:none}.reflection-form{background:white;border:1px solid #aaa}.is-linked{outline:none!important}}
@media(max-width:680px){.result-workspace>.sheet{padding:0;border:0;background:transparent}.system-voice{padding:20px 12px}.reading-depth>.disclosure-body{padding:0 8px}.system-voice .reading-part{padding:18px 12px}.reading-part .reflection-form{padding:12px 0;background:transparent}.reaction-choices button{font-size:.75rem;padding:8px 10px}.result-scene:before{inset:0}.result-workspace>.sheet>.guide-note{padding:12px 0}}
/* V3.0.8: a literary guide and sourced method nameplates. */
.guide-note .guide-monogram{display:grid;place-items:center;flex-shrink:0;width:60px;height:68px;border-radius:30px 30px 8px 8px;border:1px solid #bda778;background:linear-gradient(145deg,#f7efdf,#e8d9bb);color:#655030;font-family:Georgia,serif;font-size:.875rem;letter-spacing:.03em;box-shadow:0 4px 16px #273e4c12}
.guide-note .guide-caption{display:block;margin-top:5px;color:#71818a;font-size:.6875rem;font-weight:400}
.ritual-stage .guide-note .guide-monogram{color:#f0dbad;background:linear-gradient(145deg,#32495a,#192c3d);border-color:#9a8866}
.ritual-stage .guide-note .guide-caption{color:#a9bdc8}
.literary-quote .literary-guide-name{font-family:var(--serif);font-size:clamp(1.7rem,3vw,2.3rem);color:#f4dfb6;margin:10px 0 8px;animation:quote-emerge .8s ease-out both}
.literary-quote .literary-invitation{font-size:.875rem;color:#c6d5de;margin:0 0 24px}
.method-lettering{display:flex;flex-direction:column;gap:5px;margin:10px 0 20px}
.native-title{font-family:Georgia,'Segoe UI Historic','Segoe UI Symbol','Noto Sans Runic',serif;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.4;letter-spacing:.045em;color:#79603b;overflow-wrap:anywhere}
.native-title[lang="und-Runr"]{font-family:'Segoe UI Historic','Segoe UI Symbol','Noto Sans Runic',sans-serif;letter-spacing:.18em}
.native-title[lang="zh-Hant"]{font-family:var(--serif);letter-spacing:.3em}
.lettering-caption{font-size:.6875rem;color:#6e7c84;letter-spacing:.04em}
.ritual-heading .native-title{color:#e3cfa5}.ritual-heading .lettering-caption{color:#b3c6d2}
.ritual-heading .method-lettering{margin:12px 0 24px}
.method-brief .method-lettering{margin:0 0 12px}.method-brief .native-title{font-size:1.25rem}
.result-art-group .method-lettering{margin:0 0 16px}.result-art-group .native-title{font-size:1.4rem}
.lettering-note{margin-top:18px}
@media(max-width:680px){.guide-note .guide-monogram{width:46px;height:56px;font-size:.7rem}.guide-note .guide-caption{font-size:.625rem}.literary-quote .literary-invitation{font-size:.8125rem}.native-title{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.literary-quote .literary-guide-name{animation:none}}
@media print{.literary-quote .literary-guide-name,.literary-quote .literary-invitation,.native-title,.lettering-caption{color:#111}}
/* V3.0.9: portraits beside the voice, with a browsable source library. */
.result-scene>.literary-quote{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px;align-items:center;text-align:left;padding:32px}
.literary-portrait{margin:0;align-self:start}.literary-portrait img{width:100%;height:240px;object-fit:cover;object-position:50% 28%;border-radius:90px 90px 8px 8px;filter:sepia(.2);border:1px solid #e4d4ad60;box-shadow:0 10px 28px #0003}
.literary-portrait figcaption{color:#b9c8d1;font-size:.6875rem;line-height:1.7;margin-top:10px;text-align:center}
.literary-words{min-width:0}.literary-quote .literary-invitation{margin-bottom:20px}
.literary-quote blockquote{margin:16px 0 20px}.literary-quote details.disclosure{margin:14px 0 0;max-width:none}
.literary-quote details .source-link{display:inline-block;margin-right:16px}
.guide-note .guide-portrait-small{width:60px;height:68px;border-radius:30px 30px 8px 8px;object-position:50% 25%;border:1px solid #bda778;filter:sepia(.2)}
.guide-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.guide-library-card{background:#fff;border:1px solid #d9dedf;border-radius:18px;padding:24px;box-shadow:0 8px 28px #283e4d08}
.guide-library-person{display:grid;grid-template-columns:116px minmax(0,1fr);gap:22px;align-items:center}
.guide-library-person>img{width:116px;height:154px;object-fit:cover;object-position:50% 25%;border-radius:60px 60px 6px 6px;filter:sepia(.2)}
.guide-library-person h2{font-size:1.7rem;margin:5px 0 10px}.guide-library-person p{font-size:.875rem}
.guide-library-card>details{margin-top:22px}.library-quotation{padding:16px 0}.library-quotation+.library-quotation{border-top:1px solid #ddd8c9}
.library-quotation blockquote{font-family:var(--serif);font-size:1.2rem;margin:12px 0;color:#473b2b}.library-quotation cite{font-size:.8125rem;font-style:normal;color:#64717a}
@media(hover:hover){.guide-library-card{transition:box-shadow .3s ease,border-color .3s ease}.guide-library-card:hover{box-shadow:0 12px 34px #30495318;border-color:#baac8a}}
@media(max-width:850px){.guide-library-grid{grid-template-columns:1fr}.result-scene>.literary-quote{grid-template-columns:125px minmax(0,1fr);gap:22px}.literary-portrait img{height:180px}}
@media(max-width:600px){.result-scene>.literary-quote{grid-template-columns:1fr;padding:24px 20px;gap:18px;text-align:center}.literary-portrait{width:120px;justify-self:center}.literary-portrait img{height:150px}.literary-portrait figcaption{font-size:.625rem}.literary-quote details.disclosure{text-align:left}.guide-note .guide-portrait-small{width:46px;height:56px}.guide-library-card{padding:20px}.guide-library-person{grid-template-columns:90px minmax(0,1fr);gap:16px}.guide-library-person>img{width:90px;height:128px}}
@media(prefers-reduced-motion:reduce){.guide-library-card{transition:none}}
@media print{.literary-portrait img{box-shadow:none}.literary-portrait figcaption{color:#111}.guide-library-card{break-inside:avoid}}
/* V3.1: question first, a readable card, and a quieter result page. */
.setup-workspace{max-width:1100px}.setup-heading{margin:20px 0 28px}.setup-heading h1{font-size:clamp(1.8rem,3vw,2.7rem);margin:8px 0 12px}
.setup-heading>p:last-child{margin:0;color:#647582}
.setup-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.8fr);gap:38px;align-items:start}
.setup-main{background:#fff;border:1px solid #e0e6e8;padding:28px;border-radius:20px;min-width:0}
.question-label{margin:0;font-size:1.1rem;color:#1a3447}.question-label textarea{min-height:132px;margin-top:14px;background:#f7f9fa}
.context-picker{border:0;padding:0;margin:24px 0 10px;display:flex;flex-wrap:wrap;gap:8px}
.context-picker legend{font-size:.875rem;color:#526979;padding:0 0 12px}
.context-picker label{margin:0;position:relative;cursor:pointer;flex:1 1 calc(50% - 8px)}
.context-picker input{position:absolute;opacity:0;width:1px;height:1px}
.context-picker span{display:block;border:1px solid #bdcbd4;padding:10px 12px;border-radius:10px;text-align:center;font-size:.875rem;color:#35566d;transition:background .2s,box-shadow .2s}
.context-picker input:checked+span{background:#213f53;color:#fff;border-color:#213f53;box-shadow:0 4px 12px #203a5020}
.context-picker input:focus-visible+span{outline:3px solid #aa8142;outline-offset:3px}
.question-example{font-size:.8125rem;color:#617785;margin:12px 0 22px}.setup-main .mode-choice{margin:22px 0 12px}
.method-select label{margin:10px 0}.setup-main .method-helper{margin:16px 0}.setup-main .seed-options{margin:16px 0 0}
.setup-main .start-reading{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:15px 20px}
.setup-main .hint{font-size:.75rem;margin:12px 0}.setup-preflight{padding:12px 0}.brief-card{padding:0 0 22px}
.brief-card h2{font-family:var(--serif);font-size:1.8rem;margin:8px 0}.brief-card>p{color:#6b7780}
.brief-card dl{margin:22px 0}.brief-card dt{font-size:.75rem;color:#836640;margin:18px 0 6px}.brief-card dd{margin:0;font-size:.875rem;line-height:1.9;color:#425766}
.brief-card details .method-brief{padding:0;background:transparent;border:0}.brief-card+.brief-card{padding-top:20px;border-top:1px solid #dce1e3}
.reading-preview{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1000px;gap:50px;align-items:center;margin:64px auto 80px;padding:32px}
.preview-card{position:relative;transform:rotate(-5deg);transition:transform .4s}.preview-card img{display:block;width:100%;height:auto;border-radius:8px;box-shadow:0 18px 40px #1c344633}
.preview-card>span{position:absolute;bottom:-12px;right:-10px;background:#203b4d;color:#fff;padding:7px 14px;font-size:.75rem;border-radius:6px}
.preview-copy h2{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.2rem)}.preview-copy>p{color:#536976}
.preview-voices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.preview-voices>div{padding:18px;border-radius:12px;background:#f5ead6}.preview-voices>div+div{background:#e7eff6}
.preview-voices small{color:#5c6a73}.preview-voices p{font-family:var(--serif);margin:10px 0 0}
.result-workspace .topline{margin-bottom:10px}.result-workspace>.steps{padding:8px 0;margin:10px 0 14px}.result-workspace>h1{font-size:clamp(1.5rem,2.5vw,2.1rem);line-height:1.5;margin:14px 0 20px}
.result-scene>.literary-quote{grid-template-columns:76px minmax(0,1fr);gap:20px;padding:20px 24px;margin:0 0 30px;border-radius:14px;align-items:start}
.result-scene>.literary-quote .literary-portrait{width:76px;margin:0;justify-self:start}
.result-scene>.literary-quote .literary-portrait img{height:104px;border-radius:38px 38px 5px 5px;box-shadow:none}
.result-scene>.literary-quote .literary-portrait figcaption{font-size:.625rem;line-height:1.5}
.result-scene>.literary-quote .eyebrow{display:inline;font-size:.6875rem}.result-scene>.literary-quote .literary-guide-name{display:inline;font-size:1rem;margin-left:10px;animation:none}
.result-scene>.literary-quote blockquote{font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.6;margin:10px 0 8px;animation-duration:.65s}
.result-scene>.literary-quote cite{font-size:.75rem}.result-scene>.literary-quote .translation-note{display:inline;font-size:.6875rem;margin-left:8px}
.result-scene>.literary-quote details.disclosure{margin-top:10px}.result-scene>.literary-quote summary{padding:8px 12px;font-size:.75rem;min-height:36px}
.result-grid{grid-template-columns:minmax(230px,.75fr) minmax(0,1.7fr);gap:30px}
.result-grid>.result-gallery{position:static;max-height:none;overflow:visible;padding:0;min-width:0}
.result-gallery .result-art-group{padding:0}.result-gallery .symbol-portrait{margin:0 auto 14px}.result-gallery .symbol-portrait:has(.card-zoom){max-width:230px}
.symbol-portrait .portrait-visual:has(.card-zoom){background:transparent;padding:0;min-height:0}
.card-zoom{padding:0;display:block;position:relative;background:transparent;border:0;border-radius:9px;width:100%;color:#fff;box-shadow:0 12px 28px #263f5426;overflow:hidden;cursor:zoom-in}
.card-zoom .drawn-art{display:block;width:100%;max-width:none;height:auto;max-height:none;object-fit:contain;border-radius:0;transition:filter .25s}
.card-zoom>span{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.75rem;background:#182e41e6;padding:8px 13px;border-radius:7px}
.card-zoom:focus-visible{outline:3px solid #b58847;outline-offset:5px}
.symbol-portrait:has(.card-zoom){background:transparent;padding:0;box-shadow:none;border:0}
.symbol-portrait:has(.card-zoom) figcaption{padding:14px 8px;color:#304e63}.symbol-portrait:has(.card-zoom) figcaption h3{font-size:1.35rem;color:#203b4c;margin:5px 0}
.personal-voice{padding:20px 24px;margin-bottom:18px}.personal-voice h2{font-size:1.15rem;margin:6px 0 12px}.personal-voice .quote{font-size:1.05rem;line-height:1.8}
.system-voice{padding:24px}.system-voice>h2{font-size:1.15rem;margin:6px 0 20px}.system-voice .reading-report{padding:0}
.reading-report header h2{display:none}.reading-report .report-summary{font-family:var(--serif);font-size:1.65rem;margin:4px 0 14px;line-height:1.4;color:#203d51}
.reading-report header>.theme-links{display:none}.reading-report .result-facts{margin:16px 0 20px;padding:20px;background:#f9fcff;border-left:3px solid #8b7246}
.reading-report .result-facts h3{font-size:.75rem;font-weight:500;color:#647887;margin:0 0 10px}
.reading-report .result-takeaway{font-size:1.075rem;font-weight:500;line-height:1.9;margin:0;color:#203e53}
.picture-evidence h3,.next-thought h3{font-size:.9375rem;color:#34566d;margin:0 0 12px}.picture-details{display:flex;gap:8px;flex-wrap:wrap}
.detail-prompt{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #b8cad7;border-radius:8px;background:#fff9;color:#35576e;font-size:.8125rem;text-align:left;min-height:44px}
.detail-prompt>span:first-child{color:#957144;font-family:Georgia,serif}.picture-evidence .hint{font-size:.75rem;margin:10px 0 20px}
.next-thought{margin:22px 0 16px}.next-thought p{font-size:.9375rem;line-height:1.9}.next-thought .eyebrow{font-size:.75rem}.mechanics-note{font-size:.875rem}
.art-dialog{width:min(920px,94vw);max-width:920px;max-height:92vh;padding:24px;border:1px solid #ddd4c4;border-radius:18px;background:#f8f5ee;color:#203b4d;overflow:auto}
.art-dialog::backdrop{background:#101d2ad9;backdrop-filter:blur(5px)}.art-dialog-head{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:20px}
.art-dialog-head h2{font-size:1.35rem;margin:0}.art-dialog-head button{white-space:nowrap;min-height:44px}
.art-dialog-body{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1fr);gap:30px;align-items:center}
.art-dialog-body>img{width:100%;height:auto;max-height:70vh;object-fit:contain;border-radius:6px}.art-dialog-body>img.reversed{transform:rotate(180deg)}
.zoom-detail{padding:14px 16px;background:#e9eef0;border-radius:8px}.zoom-detail.selected{background:#f2e2bf;outline:2px solid #aa8342}
.tarot-credits{margin:40px 0}.tarot-credits .credit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tarot-credits .credit-grid img{height:230px;object-fit:contain}
@media(hover:hover){.preview-card:hover{transform:rotate(0) translateY(-6px)}.detail-prompt:hover{background:#fff;box-shadow:0 5px 16px #243e5120}.card-zoom:hover img{filter:brightness(1.06)}}
@media(max-width:850px){.setup-layout{grid-template-columns:1fr;gap:22px}.setup-preflight{padding:20px}.setup-main{padding:24px}.result-grid{gap:22px;grid-template-columns:minmax(190px,.7fr) minmax(0,1.4fr)}.reading-preview{gap:30px;padding:24px}.system-voice{padding:20px}}
@media(max-width:680px){.setup-heading{margin:18px 0}.setup-heading h1{font-size:1.8rem}.setup-main{padding:20px}.question-label textarea{min-height:120px}.setup-preflight{padding:10px 6px}.reading-preview{grid-template-columns:100px minmax(0,1fr);gap:20px;margin:36px 0;padding:16px}.preview-voices{grid-template-columns:1fr}.preview-copy h2{font-size:1.45rem}.preview-copy>p{font-size:.875rem}.result-grid{grid-template-columns:1fr}.result-gallery .result-portraits{max-width:250px;margin:auto}.result-gallery .symbol-links,.result-gallery .theme-links{justify-content:center}.result-gallery .method-lettering{align-items:center}.result-art-group>.eyebrow{text-align:center}.result-scene>.literary-quote{grid-template-columns:52px minmax(0,1fr);gap:14px;padding:18px 16px;text-align:left}.result-scene>.literary-quote .literary-portrait{width:52px}.result-scene>.literary-quote .literary-portrait img{height:72px}.result-scene>.literary-quote .literary-portrait figcaption{display:none}.result-scene>.literary-quote .literary-guide-name{font-size:.9375rem}.result-scene>.literary-quote blockquote{font-size:1.125rem}.result-scene>.literary-quote .translation-note{display:block;margin:4px 0}.personal-voice{padding:20px}.system-voice{padding:20px 16px}.reading-report .report-summary{font-size:1.45rem}.reading-report .result-facts{padding:16px}.art-dialog{padding:18px}.art-dialog-body{grid-template-columns:1fr;gap:20px}.art-dialog-body>img{max-height:55vh}.art-dialog-head h2{font-size:1.1rem}.tarot-credits .credit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.preview-card,.card-zoom .drawn-art,.detail-prompt,.context-picker span{transition:none}.preview-card,.preview-card:hover{transform:none}}
@media print{.card-zoom>span,.picture-details button>span:last-child{display:none}.result-grid>.result-gallery{position:static;max-height:none;overflow:visible}.result-scene>.literary-quote{color:#111;background:white}.reading-preview{break-inside:avoid}}
.mobile-preflight{display:none}
@media(max-width:680px){.reading-preview{display:block}.reading-preview::after{content:'';display:block;clear:both}.reading-preview .preview-card{float:left;width:92px;margin:8px 22px 22px 0}.preview-copy>p:not(.eyebrow){clear:both;padding-top:12px}.preview-copy>.eyebrow{font-size:.7rem}.preview-voices{clear:both}}
@media(max-width:850px){.mobile-preflight{display:block;margin:24px 0;padding:20px;background:var(--paper,#f2ede3);border-radius:16px}.setup-preflight{display:none}.mobile-preflight .brief-card{margin-bottom:20px}.mobile-preflight .brief-card:last-child{margin-bottom:0}}

/* V3.3 — shared reading, method materials and a personal archive. */
.book-grid{align-items:start}.position-evidence{margin:20px 0}.position-evidence h3{font-size:.9375rem}.position-evidence>p:not(.eyebrow){font-size:.875rem;line-height:1.9}.result-gallery .geo-family{grid-template-columns:repeat(2,minmax(0,1fr))}.result-gallery .stone-piles{grid-template-columns:1fr}.result-gallery .counted-material{grid-template-columns:repeat(8,8px)}.result-gallery .bead-round .counted-material{grid-template-columns:repeat(8,8px)}

.home-question-bridge{max-width:920px;margin:48px auto;padding:28px;background:#eef3f5;border-radius:18px}.home-question-bridge h2{font-size:1.7rem}.home-question-bridge .conversation-choices{justify-content:flex-start}
.conversation-choices,.journal-tabs{display:flex;gap:10px;flex-wrap:wrap}.conversation-choices button,.journal-tabs button{min-height:44px;border:1px solid #aec1cc;border-radius:10px;background:#fff;padding:10px 16px;font-size:.875rem;transition:transform .2s,background .2s,box-shadow .2s}.conversation-choices button[aria-pressed=true],.journal-tabs button[aria-pressed=true]{background:#27495c;color:white;box-shadow:0 5px 15px #18344a24}
.guide-conversation{margin:24px 0;padding:24px;background:#f4eddf;border-radius:16px;border:1px solid #dcd0b9}.conversation-person{display:flex;gap:18px;align-items:center}.conversation-person img{width:68px;height:86px;object-fit:cover;border-radius:36px 36px 7px 7px}.conversation-person h3{font-family:var(--serif);font-size:1.3rem}.conversation-person p{margin:2px 0}.guide-conversation label{font-size:.875rem}.conversation-question{font-family:var(--serif);font-size:1.15rem;color:#263e4b}.followup-panel{margin-top:18px;padding:20px;background:#fffaf1;border-radius:12px;border-left:3px solid #b09359;animation:panel-enter .35s ease-out}.experience-status{font-size:.8rem}.situation-reading{background:#f6f8f7;padding:18px;border-radius:10px;margin:20px 0}.situation-reading p{font-size:.875rem}
.comparison-triptych{margin-top:36px;padding:28px;background:#eff3f5}.comparison-columns{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:18px}.comparison-columns>section{padding:22px;background:#fff;border-radius:14px;min-width:0}.comparison-columns>section:nth-child(2){background:#e5eef2}.comparison-columns>section:nth-child(3){background:#f5ecd9}.chapter-number{font:2rem Georgia,serif;color:#aa8a57;display:block;margin-bottom:14px}.comparison-columns h3{font-family:var(--serif);font-size:1.3rem}.comparison-columns p,.comparison-columns label{font-size:.875rem}.source-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.source-chips button{min-height:44px;padding:9px 12px;background:#fff;border:1px solid #b5c7d2;border-radius:8px;color:#305769;font-size:.75rem;text-align:left}.source-chips button:hover{box-shadow:0 4px 12px #263d5220}
.journal-context{padding:26px;background:#f4f0e7;border-radius:16px;margin:30px 0}.journal-context h2{font-size:1.6rem}.time-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.time-comparison>div{padding:20px;border-radius:12px;background:#fff}.time-comparison>div:nth-child(2){background:#e5eff1}.time-comparison>div:nth-child(3){background:#eadfc6}.time-comparison p{white-space:pre-wrap;overflow-wrap:anywhere}
.journal-toolbar{padding:24px;background:#ecf1f4;border-radius:16px}.journal-toolbar .two{gap:20px}.capacity{font-size:.8rem}.journal-card{display:grid;grid-template-columns:65px 110px minmax(0,1fr);gap:24px;padding:28px;border:1px solid #dae2e6;border-radius:18px;background:#fff;margin:18px 0;align-items:start}.journal-card h2{font-size:1.5rem;margin:8px 0 12px}.journal-card blockquote{margin:12px 0;font-family:var(--serif);color:#61513a;overflow-wrap:anywhere}.journal-thumb img,.journal-thumb svg{width:100%;height:160px;object-fit:contain}.journal-thumb img.reversed{transform:rotate(180deg)}.journal-glyph{display:grid;place-items:center;height:150px;background:#f4eddf;border-radius:12px;font:1.6rem var(--serif);overflow-wrap:anywhere}.select-entry{font-size:.75rem;display:flex;flex-direction:column;align-items:center;gap:6px}.select-entry input{width:20px;height:20px}.journal-card .record-tools{margin-top:14px}.journal-card .record-tools>*{font-size:.8rem}.journal-card .eyebrow{font-size:.75rem}.journal-tabs{margin-bottom:16px}
.native-process{padding:16px 0}.native-process>p{font-size:.875rem}.geo-family{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.geo-node{background:#eef2f4;border-radius:12px;min-width:0}.geo-node .disclosure-title{display:flex;flex-direction:column;align-items:center;gap:8px}.geo-node summary{display:flex;flex-direction:column;padding:16px!important;gap:10px}.geo-node summary>span>span:last-child{font-size:.7rem}.geo-node p{font-size:.75rem}.mini-geo{display:flex;flex-direction:column;align-items:center;gap:7px;margin:8px auto}.mini-geo>span{display:flex;gap:12px;justify-content:center}.mini-geo i{display:block;width:8px;height:8px;border-radius:50%;background:#345b6c}
.stone-round,.bead-round{border-radius:14px;background:#f1ece1;padding:22px;margin:16px 0;animation:panel-enter .35s ease-out}.stone-piles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stone-piles>div{padding:14px;background:#fff;border-radius:10px}.stone-piles strong,.stone-piles>div>span:last-child{display:block;font-size:.75rem}.counted-material{display:grid;grid-template-columns:repeat(4,8px);gap:6px;margin:14px 0;justify-content:center}.counted-material i{height:8px;width:8px;border-radius:50%;display:block}.counted-material .kept{background:#ba903e;box-shadow:0 0 0 2px #d2b26d30}.counted-material .returned{background:#bdc6cb}.bead-round .counted-material{grid-template-columns:repeat(12,8px);justify-content:start;gap:8px}.round-equation{font-size:.8rem;font-weight:600}.coin-process>div{display:flex;align-items:center;gap:14px;padding:12px;border-radius:8px;background:#eff3f5;margin:8px 0}.coin-line{color:#a48249}.process-review{margin-top:20px}
.card-zoom>svg{display:block;width:100%;height:auto}.symbol-learn{font-size:.75rem;display:flex;margin-top:10px}.symbol-lesson .lesson-art{max-width:320px}.symbol-lesson .lesson-art img,.symbol-lesson .lesson-art svg{width:100%;height:auto}.symbol-lesson .primary{margin-top:24px}.rune-meaning{text-align:left}.rune-meaning summary{font-size:.75rem}
.poem-line{display:block;animation:poem-appear .65s both}.poem-line-1{animation-delay:.65s}.poem-line-2{animation-delay:1.3s}.poem-line-3{animation-delay:1.95s}.poem-complete .poem-line{animation:none}.poem-lines+button{margin:12px 0;font-size:.75rem}.share-dialog{width:min(900px,94vw);max-width:900px;max-height:92vh;overflow:auto;padding:28px;border-radius:18px;background:#f7f3eb}.share-dialog canvas{display:block;max-width:520px;width:100%;height:auto;margin:24px auto;border:1px solid #bca674}.share-dialog label{font-size:.875rem}.inline-check{display:flex;align-items:center;gap:10px}.inline-check input{width:18px;height:18px}.share-dialog a:not([href]){opacity:.4;pointer-events:none}.sample-sheet{padding:22px;background:#fffaf0;border-left:3px solid #b79858;border-radius:12px;margin:22px 0;animation:panel-enter .35s ease-out}.sample-sheet p,.sample-sheet li{font-size:.875rem}.sample-sheet h3{font-family:var(--serif);font-size:1.5rem}.sample-sheet blockquote{font-size:1rem!important}.sample-slot[hidden]{display:none}
@keyframes panel-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes poem-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){.conversation-choices button:hover,.journal-tabs button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #263e511a}.journal-card:hover{border-color:#a9bac4}.card-zoom:hover svg{filter:brightness(1.03)}}
@media(max-width:850px){.comparison-columns{grid-template-columns:1fr}.comparison-triptych{padding:20px}.journal-card{grid-template-columns:38px 90px minmax(0,1fr);gap:16px}.geo-family{grid-template-columns:repeat(2,minmax(0,1fr))}.time-comparison{grid-template-columns:1fr}}
@media(max-width:600px){.guide-conversation,.journal-context,.journal-toolbar{padding:20px 16px}.conversation-person img{width:56px;height:72px}.conversation-person h3{font-size:1.15rem}.journal-card{grid-template-columns:40px 80px 1fr;padding:20px 16px;gap:12px}.journal-card-copy{grid-column:1/-1}.journal-thumb{grid-column:2/4;max-width:90px}.journal-thumb img,.journal-thumb svg{height:120px}.journal-card h2{font-size:1.35rem}.journal-tabs button{flex:1 1 42%;font-size:.8rem;padding:10px}.comparison-triptych{padding:16px}.comparison-columns>section{padding:20px 16px}.home-question-bridge{padding:20px;margin:30px 0}.home-question-bridge h2{font-size:1.45rem}.stone-round{padding:16px 8px}.stone-piles{gap:6px}.stone-piles>div{padding:10px 4px}.counted-material{gap:5px}.share-dialog{padding:20px 16px}.symbol-lesson .lesson-art{max-width:240px;margin:auto}.sample-sheet{padding:18px 14px}.coin-process>div{font-size:.75rem;gap:8px}.comparison-columns textarea{min-height:110px}}
@media(prefers-reduced-motion:reduce){.followup-panel,.sample-sheet,.stone-round,.bead-round,.poem-line{animation:none}.conversation-choices button,.journal-tabs button{transition:none}.conversation-choices button:hover,.journal-tabs button:hover{transform:none}}
@media print{.conversation-choices,.journal-tabs,.source-chips,.share-dialog,.journal-toolbar{display:none}.guide-conversation,.comparison-columns>section,.journal-context{break-inside:avoid;box-shadow:none}.comparison-columns{display:block}}
/* V3.3.1 — reveal pauses, compact reading, resilient notes. */
 .reveal-pause{scroll-margin-top:16px;overflow-anchor:none;max-width:780px;margin:auto;text-align:center;animation:panel-enter .45s ease-out}
.reveal-pause>.primary{margin:22px auto 8px;min-width:240px}
.reveal-pause .result-portraits{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.reveal-pause .symbol-portrait{flex:1 1 180px;max-width:280px}
.reveal-pause .drawn-result>h2{font-size:1.35rem;margin:12px 0 22px}
.result-sections{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;padding:10px;background:#f0eee7;border-radius:12px}
.result-sections button{flex:1;min-height:44px;border:1px solid #becad0;border-radius:8px;background:#fff;color:#284859;font-size:.875rem;white-space:nowrap;padding:9px 12px}
.result-sections button:hover{background:#dfebee;transform:translateY(-2px)}
.result-gallery,.system-voice,.comparison-triptych,.journal-context{scroll-margin-top:24px}
.result-gallery .symbol-portrait figcaption,.drawn-result .symbol-portrait figcaption{color:#304e63;background:#f1f5f6;border-radius:0 0 10px 10px;padding:12px 8px}
.result-gallery .symbol-portrait figcaption :is(p,small,.visual-caption,.eyebrow,.meta,.hint,.symbol-name),.drawn-result .symbol-portrait figcaption :is(p,small,.visual-caption,.eyebrow,.meta,.hint,.symbol-name){color:#40576a}
.result-gallery .symbol-portrait figcaption h3,.drawn-result .symbol-portrait figcaption h3{color:#233e50}
.result-gallery .symbol-portrait figcaption p{font-size:.875rem}
.core-action{font-size:.9375rem;line-height:1.8;padding:0 4px 12px;color:#304d60}
.reading-more{margin:12px 0 22px}.reading-more>summary{font-size:.875rem}
.reading-report+.reading-report{margin-top:24px;padding-top:24px!important;border-top:1px solid #bbcbd4}
.guide-switch{margin:12px 0}.guide-switch>summary{font-size:.8125rem}
.compare-side{padding:14px 0}.compare-side+.compare-side{border-top:1px solid #cfdbdf}.compare-side h4{font-size:.9375rem;margin:6px 0}
.optional-action{margin-top:24px}.draft-status{font-size:.8rem;line-height:1.6;color:#466454;padding:8px 12px;background:#edf3e9;border-radius:8px}
.continue-note{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:none;padding:18px 24px;margin:20px 0;background:#ecefe9;border-radius:14px}
.continue-note p{margin:4px 0}.continue-note .secondary{white-space:nowrap}
.journal-card{grid-template-columns:90px minmax(0,1fr)}.journal-card>.select-entry{display:none}
.journal-card-copy,.journal-card>.journal-thumb{grid-column:auto}
.journal-managing .journal-card{grid-template-columns:42px 90px minmax(0,1fr)}.journal-managing .select-entry{display:flex}
.record-tools{display:flex;align-items:start;gap:12px;flex-wrap:wrap}.record-management{margin:0}.record-management>summary{min-height:44px}
.journal-toolbar{padding:18px 22px}.journal-toolbar label{margin:8px 0}.journal-tabs{margin-bottom:8px}
#journal-manage{margin:30px 0}#journal-manage .actions{flex-wrap:wrap}
.sample-dialog{width:min(720px,94vw);max-width:720px;max-height:90dvh;padding:0;border:1px solid #c9b996;border-radius:16px;background:#f8f4e9;color:#263f51;overflow:auto}
.sample-dialog::backdrop{background:#172836cc;backdrop-filter:blur(4px)}
.sample-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;position:sticky;top:0;z-index:2;padding:16px 22px;background:#f8f4e9;border-bottom:1px solid #dfd5c1}
.sample-dialog-head h2{font-size:1.25rem;margin:0}.sample-dialog-head button{white-space:nowrap}
.sample-dialog .sample-sheet{margin:0;padding:24px 28px;border:0;border-radius:0}
@media(max-width:680px){
 .nav{padding:12px 16px;gap:10px}.nav nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;width:100%}.nav nav a{font-size:.75rem;padding:10px 2px;min-height:44px;text-align:center;display:flex;justify-content:center;align-items:center;white-space:nowrap}
 .nav .brand{font-size:1rem}main{padding-top:10px}.intro{margin:18px 0 24px}.intro h1{font-size:1.9rem;line-height:1.45}.intro>p{font-size:.875rem}
 .result-workspace{overflow-anchor:none}.result-workspace>.steps{display:flex;gap:6px}.result-workspace>.steps li{font-size:.65rem;flex:1;padding:8px 3px;line-height:1.5}
 .result-workspace>h1{font-size:1.35rem;margin:12px 0 16px}.result-workspace>.sheet{padding:16px}
 .result-scene>.literary-quote{padding:12px;gap:12px;margin-bottom:16px}.result-scene>.literary-quote blockquote{font-size:1rem;margin:8px 0}.result-scene>.literary-quote .translation-note{font-size:.7rem}
 .result-sections{gap:5px;padding:7px;margin-bottom:16px}.result-sections button{padding:8px 3px;font-size:.75rem}
 .result-grid{gap:16px}.result-grid>.result-gallery{display:flex;gap:14px;align-items:start;flex-wrap:wrap}
 .result-gallery .result-art-group{flex:1 1 85px;min-width:0;margin:0}.result-gallery .result-art-group[data-card-count="2"]{flex:2 1 170px}.result-gallery .result-art-group[data-card-count="3"]{flex:3 1 250px}
 .result-gallery .result-portraits{display:flex;gap:8px;max-width:none;justify-content:center;align-items:start}
 .result-gallery .linked-symbol{flex:1;min-width:0;max-width:130px}.result-gallery .symbol-portrait{margin:0}
 .result-gallery .card-zoom>span{font-size:.625rem;padding:4px 6px;bottom:6px}.result-gallery .card-zoom{box-shadow:0 6px 14px #263f541c}
 .result-gallery .symbol-portrait:has(.card-zoom) figcaption{padding:6px 0}.result-gallery .symbol-portrait figcaption h3{font-size:.875rem}
 .result-gallery .symbol-portrait figcaption .eyebrow{font-size:.7rem;letter-spacing:0}
 .result-gallery .symbol-portrait figcaption p:not(.eyebrow){display:none}
 .result-gallery .symbol-learn{font-size:.7rem;min-height:36px;margin:0;justify-content:center}
 .result-gallery .method-lettering{margin:4px 0}.result-gallery .method-lettering .lettering-caption{display:none}.result-gallery .method-lettering .native-title{font-size:.875rem;line-height:1.5;letter-spacing:0}.result-gallery .symbol-portrait:has(.card-zoom) :is(.visual-caption,.symbol-learn){display:none}
 .result-gallery .symbol-links,.result-gallery .theme-links{display:none}
 .result-art-group>.eyebrow{font-size:.75rem;margin:0 0 6px}
 .result-gallery .portrait-visual:not(:has(.card-zoom)){min-height:110px;padding:10px}
 .result-gallery .rune-glyph{font-size:3.2rem}.result-gallery .linked-symbol:has(.rune-glyph){max-width:260px}.result-gallery .linked-symbol:has(.structure-portrait){max-width:280px}
 .personal-voice,.system-voice{padding:16px}.personal-voice{margin-bottom:14px}.personal-voice .quote{font-size:.95rem}
 .reading-report .report-summary{font-size:1.25rem}.reading-report .result-facts{padding:12px;margin:12px 0}.reading-report .result-takeaway{font-size:1rem;line-height:1.8}
 .comparison-triptych{margin-top:24px;padding:14px}.comparison-columns{gap:12px}.comparison-columns>section{padding:16px}.chapter-number{font-size:1.3rem;margin-bottom:8px}
 .comparison-columns h3{font-size:1.15rem}.guide-conversation{margin:24px 0}.guide-conversation,.journal-context{padding:18px 16px}
 .setup-main{padding:18px 16px}.setup-heading h1{font-size:1.65rem}.setup-heading p{font-size:.875rem}.question-label textarea{min-height:100px}
 .mobile-preflight{padding:16px;margin:20px 0}.brief-card h2{font-size:1.35rem}.brief-card>p{font-size:.8rem}.brief-card dl{margin:12px 0}.brief-card dt{margin:12px 0 4px}.brief-card dd{font-size:.8125rem;line-height:1.7}.brief-card{padding-bottom:10px}
 .continue-note{padding:16px;gap:12px;align-items:start}.continue-note p{font-size:.85rem}.continue-note .secondary{font-size:.75rem;padding:10px}
 .journal-toolbar{padding:16px}.journal-tabs{gap:6px}.journal-tabs button{font-size:.75rem;padding:8px}
 .journal-card{padding:18px 14px;gap:14px;grid-template-columns:60px minmax(0,1fr)}.journal-card>.journal-thumb{max-width:60px;grid-column:auto}.journal-card-copy{grid-column:auto}
 .journal-thumb img,.journal-thumb svg{height:auto;max-height:105px}.journal-glyph{height:94px;font-size:1.1rem}
 .journal-card h2{font-size:1.1rem;line-height:1.6}.journal-card blockquote{font-size:.875rem}.journal-card .record-tools>.primary{font-size:.75rem;padding:10px}
 .journal-managing .journal-card{grid-template-columns:26px 48px minmax(0,1fr);gap:10px}.journal-managing .select-entry{font-size:.65rem}
 .book{padding:20px}.book>.art-slot{float:left;width:92px;height:130px;min-height:0;margin:0 18px 12px 0}.book>.art-slot img{height:130px;object-fit:cover}.book .art-caption{display:none}
 .book h2{font-size:1.4rem}.book>blockquote{clear:both;padding-top:12px}.book>.hint{font-size:.8125rem}
 .reveal-pause .symbol-portrait{flex-basis:100px;max-width:180px}.reveal-pause .result-portraits{gap:10px}.reveal-pause .symbol-portrait:only-child{max-width:280px;flex-basis:260px}.reveal-pause .symbol-portrait:only-child .portrait-visual:not(:has(.card-zoom)){min-height:180px}.reveal-pause>.primary{min-width:0;width:100%}
 .sample-dialog .sample-sheet{padding:20px}.sample-dialog-head{padding:14px 18px}
}
@media(prefers-reduced-motion:reduce){.reveal-pause{animation:none}.result-sections button{transition:none;transform:none}}
@media print{.result-sections,.draft-status{display:none}}
/* V3.3.2 — keep each step and its action in view. */
html.section-snap{scroll-snap-type:y proximity;scroll-padding-top:18px}
/* Route changes must release the previous page's native snap immediately. */
html:has(#main>.hero){scroll-snap-type:none}
.section-snap :is(.hero,.home-question-bridge,.reading-preview,.site-map,.method-group,.method-opening,.method-sections>section,.book-grid,.guide-library-card,.result-scene>.literary-quote,.result-grid,.comparison-triptych,.journal-context,.guide-conversation,.optional-action,.saved-response){scroll-snap-align:start;scroll-snap-stop:normal}
html.section-snap:has(form:focus-within,input:focus,textarea:focus,select:focus,details[open],dialog[open]){scroll-snap-type:none}
html.flow-active{scroll-snap-type:none;scroll-padding-top:16px;scroll-padding-bottom:110px}
.flow-active main{padding-top:8px;padding-bottom:150px;animation:none}
.flow-active .nav{padding-top:10px;padding-bottom:10px}
.flow-active .brand{font-size:1rem}.flow-active .brand span{display:none}
.flow-active .result-workspace>.topline{margin:0;align-items:center;gap:12px}
.flow-active .topline .back-link{padding:6px 12px;min-height:36px;font-size:.8rem}
.flow-active .result-workspace>.steps{margin:6px 0;padding:0;gap:8px}
.flow-active .result-workspace>.steps li{font-size:.7rem;padding:5px 10px}
.flow-active .result-workspace>h1{font-size:1.2rem;margin:10px 0 12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:wrap}
.flow-active .result-workspace>.sheet{padding:18px 24px}
.flow-active .in-ritual>.sheet{padding:0}
.full-question{margin:8px 0}.full-question>summary{font-size:.75rem;min-height:36px;padding:6px 12px}
.ritual-stage{padding:18px 24px 12px}
.ritual-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 12px}
.ritual-heading>.eyebrow{flex-basis:100%;margin:0;font-size:.7rem}
.ritual-heading h2{flex-basis:100%;font-size:1.45rem;margin:4px 0;line-height:1.4}
.ritual-heading>p:not(.eyebrow){font-size:.8rem;margin:0}
.ritual-heading .method-lettering{display:flex;flex-direction:row;gap:6px;margin:0}
.ritual-heading .native-title{font-size:1rem;line-height:1.5}.ritual-heading .lettering-caption{display:none}
.flow-active .guide-note{padding:10px 14px;margin:10px auto;gap:12px;max-width:680px}
.flow-active .guide-note .guide-portrait-small{width:30px;height:38px}
.flow-active .guide-note p{font-size:.875rem;margin:2px 0;line-height:1.5}
.flow-active .guide-note small{display:none}.flow-active .guide-note span{font-size:.75rem}
.flow-active .guide-note .guide-caption{font-size:.65rem}
.ritual-table{min-height:0;padding:12px 18px;border-radius:20px}
.ritual-deck{min-height:175px}
.ritual-pick{height:clamp(105px,19svh,155px);width:90px}
.ritual-slips .ritual-pick{height:clamp(125px,22svh,180px)}
.ritual-pick:only-child{width:140px}
.chosen-object img{height:clamp(120px,22svh,180px);width:auto;aspect-ratio:2/3}
.chosen-object p{margin:8px 0 0}
.ritual-bottom{display:none}
.ritual-stage .ritual-caption{margin:8px 0 0;font-size:.7rem}
.ritual-history{margin:0 0 14px;padding:0}.ritual-history>summary{font-size:.8rem;padding:8px 12px;min-height:40px}
.ritual-history .ritual-opened{margin-top:14px}
.flow-dock{position:fixed;z-index:25;inset:auto 20px 18px;max-width:1080px;margin:auto;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:12px 18px;border:1px solid #c1cfd4;border-radius:14px;background:#f9fbf9f5;color:#233e50;box-shadow:0 8px 35px #18344828;backdrop-filter:blur(12px)}
.flow-dock .flow-status{margin:0 auto 0 0;font-size:.8rem;color:#486273}
.flow-dock .primary{min-width:210px;min-height:48px;margin:0;width:auto;font-weight:600}
.flow-dock .text-button{font-size:.8rem;padding:8px 12px}
.flow-active #toast{bottom:110px}
.flow-active :is(input,textarea,select){scroll-margin-block:80px 150px}
.flow-active .setup-heading{margin:12px 0 18px}.flow-active .setup-heading h1{font-size:1.7rem;margin:4px 0}.flow-active .setup-heading p{font-size:.875rem;margin:6px 0}
.flow-active .setup-main{padding:20px 24px}
.flow-active .setup-main label:first-child{margin-top:0}
.flow-active .drawn-result{margin-bottom:16px}
.flow-active .drawn-result>h2,.reveal-pause .drawn-result>h2{margin:8px 0 12px;font-size:1.1rem}
:is(.result-gallery,.drawn-result,.ritual-opened) .symbol-portrait:has(.card-zoom){--card-width:clamp(100px,20svh,155px);width:100%;max-width:var(--card-width);flex:0 1 var(--card-width);margin:0 auto}
:is(.result-gallery,.drawn-result,.ritual-opened) .symbol-portrait:has(.card-zoom) .portrait-visual{min-height:0}
:is(.result-gallery,.drawn-result,.ritual-opened) .card-zoom .drawn-art{max-width:100%;width:100%;height:auto;max-height:none}
.drawn-result .result-portraits{display:flex;justify-content:center;gap:16px;align-items:start;flex-wrap:wrap}
.drawn-result .symbol-portrait:has(.card-zoom) figcaption{padding:8px 4px}
.drawn-result .symbol-portrait:has(.card-zoom) figcaption h3{font-size:1rem;margin:3px 0}
.drawn-result .symbol-portrait:has(.card-zoom) .visual-caption{display:none}
.drawn-result .symbol-learn{font-size:.7rem;min-height:32px;padding:4px;margin:0}
.result-gallery .symbol-portrait:has(.card-zoom) figcaption{padding:10px 6px}
.result-gallery .symbol-portrait:has(.card-zoom) figcaption h3{font-size:1rem}
.result-gallery .symbol-portrait:has(.card-zoom) .visual-caption{font-size:.7rem}
.result-gallery .symbol-learn{font-size:.75rem;padding:6px;min-height:36px}
.flow-active .reveal-pause>.eyebrow{font-size:.7rem;margin:0}
.flow-active .reveal-pause>.hint{font-size:.75rem;margin:10px 0 0}
@media(min-width:851px){
 .result-grid{grid-template-columns:minmax(190px,.65fr) minmax(0,1.8fr)}
 .result-gallery .result-art-group{margin-bottom:20px}
}
@media(max-width:680px){
 .flow-active .nav{padding:8px 16px;gap:4px;flex-direction:row;flex-wrap:wrap}
 .flow-active .nav nav{gap:0}.flow-active .nav nav a{min-height:36px;padding:6px 2px;font-size:.7rem}
 .flow-active main{padding:6px 16px 180px}.flow-active .result-workspace>.steps li{font-size:.625rem;padding:4px}
 .flow-active .result-workspace>h1{font-size:1.05rem;margin:8px 0 10px}
 .flow-active .result-workspace>.sheet{padding:14px}.flow-active .in-ritual>.sheet{padding:0}
 .ritual-stage{padding:14px 12px 10px}.ritual-heading h2{font-size:1.2rem}.ritual-heading>.eyebrow{font-size:.65rem}
 .flow-active .guide-note{padding:8px 10px;gap:10px;margin:8px auto}.flow-active .guide-note .guide-caption{font-size:.6rem}
 .ritual-table{padding:10px 6px}.ritual-deck{min-height:150px;gap:6px}
 .ritual-pick{width:calc((100% - 30px)/5);height:clamp(100px,16svh,130px)}
 .ritual-slips .ritual-pick{height:145px}.ritual-pick:only-child{width:120px}
 .flow-dock{inset:auto 0 0;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;flex-wrap:wrap}
 .flow-dock .flow-status{flex:1 0 100%;font-size:.7rem;line-height:1.4}
 .flow-dock .primary{min-width:0;flex:1;padding:10px 12px;font-size:.8rem}
 .flow-dock .text-button{font-size:.75rem;padding:8px 6px}
 .flow-active #toast{bottom:130px}
 .flow-active .setup-main{padding:18px 16px}.flow-active .setup-heading{margin:8px 0 14px}.flow-active .setup-heading h1{font-size:1.4rem}
 .flow-active .drawn-result .result-portraits{gap:10px}
 .result-gallery .symbol-portrait:has(.card-zoom) figcaption{padding:6px 0}
}
@media(max-height:600px){.flow-dock{padding-top:8px;padding-bottom:8px}.flow-dock .flow-status{display:none}.flow-active .ritual-caption{display:none}}
@media(prefers-reduced-motion:reduce){html.section-snap{scroll-snap-type:none}}
@media print{.flow-dock{display:none}html.section-snap{scroll-snap-type:none}.flow-active main{padding-bottom:0}}
.intuition-layout{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.3fr);gap:28px;align-items:start}
.intuition-pictures{display:flex;align-items:start;gap:16px;justify-content:center;flex-wrap:wrap}
.intuition-pictures>.drawn-result{flex:1;min-width:0;margin:0}
.intuition-pictures>.drawn-result[data-card-count="2"]{flex:2}
.intuition-pictures>.drawn-result[data-card-count="3"]{flex:3}
.intuition-pictures .result-portraits{flex-wrap:nowrap;gap:8px}
.intuition-pictures .symbol-portrait:has(.card-zoom){max-width:120px}
.intuition-pictures .symbol-portrait:has(.card-zoom) .symbol-learn{display:none}
.intuition-layout form label{margin-top:0}.intuition-layout textarea{min-height:180px}
.handover-source{margin:10px 0}
@media(max-width:680px){
 .intuition-layout{grid-template-columns:1fr;gap:18px}
 .intuition-pictures{gap:10px}.intuition-pictures>.drawn-result>h2{font-size:.75rem;margin:0 0 8px}
 .intuition-pictures .symbol-portrait:has(.card-zoom){max-width:80px}
 .intuition-pictures .symbol-portrait:has(.card-zoom) figcaption{padding:4px 0}
 .intuition-pictures .symbol-portrait:has(.card-zoom) figcaption h3{font-size:.75rem}
 .intuition-pictures .symbol-portrait small{font-size:.65rem}
 .intuition-pictures .card-zoom>span{font-size:.6rem;padding:4px}
 .intuition-layout textarea{min-height:110px}
 .intuition-pictures .portrait-visual:not(:has(.card-zoom)){min-height:90px}
 .intuition-pictures .rune-glyph{font-size:3rem}
}
.result-sections{position:sticky;top:10px;z-index:10;background:#f3f2ecf5;box-shadow:0 4px 16px #203c5114;backdrop-filter:blur(10px)}
.result-gallery,.system-voice,.result-grid,.comparison-triptych,.journal-context,.guide-conversation,.reading-part,.reading-report{scroll-margin-top:94px}
@media(max-height:600px){.result-sections{position:static}.result-gallery,.system-voice,.result-grid,.comparison-triptych,.journal-context,.guide-conversation,.reading-part,.reading-report{scroll-margin-top:18px}}
@media print{.result-sections{display:none}}
.ritual-stage .native-process :is(.stone-round,.bead-round,.geo-node,.coin-process>div){color:#243e50}
.ritual-stage .coin-process>div{color:#243e50}
.ritual-stage .native-process>p{color:#c6d8e2}
.ritual-stage .native-process :is(.stone-round,.bead-round,.geo-node) :is(h3,strong){color:#243e50}
@media(max-height:650px){
 .flow-active .ritual-stage{padding-top:12px}
 .flow-active .ritual-heading>.eyebrow{display:none}
 .flow-active .ritual-heading h2{font-size:1.2rem}
 .flow-active .ritual-stage .guide-note{margin:6px auto;padding:6px 10px}
 .flow-active .ritual-stage .guide-note .guide-portrait-small{width:24px;height:30px}
 .flow-active .ritual-stage .guide-note .guide-caption{display:none}
 .flow-active .ritual-stage .guide-note>div{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px}
 .flow-active .ritual-stage .guide-note p{font-size:.8rem}
 .flow-active .ritual-table{padding:8px 12px}
 .flow-active .native-process{padding:0}
 .flow-active .native-process>p{font-size:.75rem;margin:4px 0 8px}
 .flow-active :is(.stone-round,.bead-round){padding:12px;margin:8px 0}
 .flow-active :is(.stone-round,.bead-round) h3{font-size:1rem;margin-bottom:8px}
 .flow-active .stone-round>p{margin:4px 0}
 .flow-active .stone-piles>div{padding:8px}
}
/* Hide site chrome only after casting starts; preparation and readings keep it. */
body:has(.result-workspace) > :is(.nav,.preview-bar){display:none}

/* Structural results are one unit: image above, disclosure below. */
.structure-result{display:grid;gap:12px;min-width:0;width:100%;grid-column:1/-1;flex:1 0 100%;align-content:start}
.structure-result>.symbol-portrait.structure-portrait{width:100%;height:auto;max-width:none;min-width:0;margin:0;padding:16px}
.structure-result .structure-portrait .portrait-visual{min-height:0;padding:10px 0 16px}
.structure-result .structure-portrait figcaption{margin-top:0;padding:12px 8px}
.structure-result .structure-portrait h3{font-size:1.15rem;overflow-wrap:normal;line-height:1.6}
.structure-result>.process-review{margin:0;width:100%;min-width:0;text-align:left}
.process-review>summary{gap:10px;padding:12px;flex-wrap:wrap}
.process-review .disclosure-title{flex:1 1 120px;min-width:0;font-size:.8rem;line-height:1.6}
.process-review .disclosure-hint{flex:none}
.linked-symbol .symbol-portrait{height:auto}
.result-portraits:has(.structure-result){display:block;width:100%;max-width:none}
.intuition-pictures>.drawn-result:has(.structure-result){flex:1 0 100%;width:100%}
.result-gallery .result-art-group:has(.structure-result){flex:1 0 100%;width:100%}
.result-gallery .linked-symbol:has(.structure-result){width:100%;max-width:none}
.result-gallery .result-art-group:has(.poem-lines){flex:1 0 100%;width:100%}
.result-gallery .linked-symbol:has(.poem-lines){flex:1 0 100%;max-width:none;width:100%}
.result-gallery .symbol-portrait:has(.poem-lines){width:100%;max-width:360px}
.result-gallery .symbol-portrait:has(.poem-lines) .portrait-visual{min-height:90px;padding:0 0 12px}
.result-gallery .symbol-portrait:has(.poem-lines) .result-motif{max-width:100px}
.symbol-portrait .poem-lines~.visual-caption{display:block;margin-top:10px}
.result-gallery .symbol-portrait:has(.rune-glyph) .portrait-visual{min-height:100px}
.result-beads{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;align-items:center}
.result-beads span{font-size:clamp(1.4rem,3vw,2rem);letter-spacing:.04em;white-space:nowrap}
.result-beads small{font-size:.75rem}
.result-workspace>.topline{margin:0 0 10px;display:flex;flex-wrap:wrap;gap:10px}
.result-workspace>.topline .result-exits{display:flex;gap:8px;align-items:center;margin-right:auto}
.result-workspace>.steps{margin:8px 0;padding:0}
.result-workspace>h1{font-size:clamp(1.25rem,2.5vw,1.8rem);margin:12px 0 18px}
.result-next{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;padding:18px 22px;margin:0 0 20px;background:#edf3ee;border:1px solid #bdcdbd;border-radius:14px}
.result-next>div:first-child{flex:1 1 260px}.result-next h2{font-size:1.15rem;margin:0 0 5px;color:#345844}.result-next p{font-size:.85rem;margin:0}
.result-next .actions{margin:0;gap:10px}.result-next .primary{min-height:44px}
.note-finish{padding:14px;margin-top:16px;background:#edf3ee;border-radius:10px}.note-finish p{margin-top:0}
.intuition-recap{min-width:0;margin:0;align-self:start}.intuition-recap>.disclosure-body{padding:12px}
.flow-active .result-workspace>.actions,.flow-active .result-workspace>p.hint{display:none}
.result-workspace .result-sections{scroll-snap-align:none}
@media(max-width:680px){
 .result-next{padding:14px;margin-bottom:16px}.result-next .actions{width:100%}.result-next .primary{flex:1;text-align:center;padding:10px 12px}.result-next .text-button{font-size:.8rem}
 .structure-result .structure-portrait .portrait-visual{min-height:0}
 .result-gallery .structure-result{max-width:360px;margin-inline:auto}
 .intuition-pictures{align-items:start}.intuition-pictures .result-portraits:has(.structure-result){display:block}
 .result-workspace .result-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.result-workspace .result-sections button{white-space:normal;min-height:44px}
 .result-gallery,.system-voice,.result-grid,.comparison-triptych,.journal-context,.guide-conversation,.reading-part,.reading-report{scroll-margin-top:136px}
 .intuition-layout{grid-template-columns:minmax(0,1fr)}.intuition-layout form{min-width:0}
}
@media(max-height:600px){.result-gallery,.system-voice,.result-grid,.comparison-triptych,.journal-context,.guide-conversation,.reading-part,.reading-report{scroll-margin-top:18px}}
/* Fit the desktop opening to available browser height, without clipping content. */
@media(min-width:681px){
 body:has(#main>.hero)>.nav{padding-block:clamp(14px,3vh,26px)}
 #main:has(>.hero){padding-top:clamp(10px,2vh,20px)}
 #main>.hero{min-height:0;padding:clamp(24px,4vh,54px);gap:clamp(24px,3vw,44px)}
 #main>.hero h1{font-size:clamp(2rem,min(4vw,6.6vh),3.7rem);line-height:1.35;margin-bottom:clamp(12px,2vh,20px)}
 #main>.hero .lead{line-height:1.85}
 #main>.hero .hero-start{margin-top:clamp(16px,3vh,30px)}
 #main>.hero .artwork{min-height:0;height:clamp(300px,calc(100svh - 240px),500px);align-self:center;width:100%}
}