@charset "UTF-8";
/* Soft pink palette. All visual assets are rendered locally. */
:root{--paper:#FFEAF3;--white:#fff;--ink:#5B2B3C;--muted:#7A5260;--pink:#F4639A;--pink-dark:#B83C69;--pink-soft:#FFF0F6;--line:#FFD4E3;--shadow:0 10px 30px #E777A414;--spring:cubic-bezier(.22,1.5,.45,1);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#fff9fc 0,transparent 42%),var(--paper)}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0;color:inherit}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #B83C69;outline-offset:5px}button:disabled{cursor:default}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h2{font-size:27px}h3{font-size:18px}p{line-height:1.85}svg{display:block}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:#fff;padding:12px 20px;border-radius:20px;box-shadow:var(--shadow)}.skip-link:focus{top:12px}main{max-width:1180px;margin:auto;padding:0 38px 60px;min-height:76vh;outline:none}.site-header{max-width:1280px;margin:18px auto 0;padding:14px 30px;display:flex;align-items:center;gap:24px;position:sticky;top:14px;z-index:20;border:1px solid #ffffffcf;border-radius:28px;background:#ffffffcf;backdrop-filter:blur(16px);box-shadow:0 8px 30px #c35c8010}.brand{display:flex;gap:12px;align-items:center;min-width:190px;font-size:18px;font-weight:700;letter-spacing:.02em}.brand small{display:block;font-size:10px;color:var(--muted);font-weight:400;letter-spacing:.12em;margin-top:4px}.brand-mark{width:39px;height:35px;border:2px solid #f9acc8;border-radius:12px;background:#FFF0F6;position:relative;display:flex;align-items:center;justify-content:center;gap:9px;transform:rotate(-5deg)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:8px;height:15px;top:-11px;background:#fff0f6;border:2px solid #f9acc8;border-radius:9px;z-index:-1}.brand-mark:before{left:5px;transform:rotate(-15deg)}.brand-mark:after{right:5px;transform:rotate(15deg)}.brand-mark i{display:block;width:4px;height:6px;border-radius:50%;background:#b75e7c}.site-header nav{display:flex;gap:6px;margin:auto;align-items:center;white-space:nowrap;font-size:13px;background:#FFF0F6;padding:5px;border-radius:30px}.site-header nav a{padding:11px 17px;border-radius:25px;transition:background .2s,transform .35s var(--spring);color:var(--muted)}.site-header nav a:hover{background:#ffe3ef;transform:translateY(-2px)}.site-header nav a.active{background:var(--pink);box-shadow:0 3px 9px #F4639A24;color:white;font-weight:700}.header-action{font-size:12px;white-space:nowrap;color:#A0506D}.header-action span{margin-left:6px;color:var(--pink);font-size:19px}.site-footer{max-width:1180px;margin:auto;border-top:1px dashed #edb6cc;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 38px}.site-footer strong{font-size:13px}.site-footer span{display:block;font-size:11px;color:var(--muted);margin-top:7px}.site-footer p{font-size:10px;color:var(--muted);margin:0}.site-footer a{font-size:12px;color:var(--pink-dark)}.is-cover{background:var(--paper)}.is-cover .site-header,.is-cover .site-footer{display:none}.is-cover main{max-width:none;padding:0;min-height:100svh}.is-cover .view-animate{animation:none}
/* Typography is the character: the bunny ears and bow belong to the letters. */
.welcome-cover{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:90px 30px 70px;background:radial-gradient(ellipse at 50% 44%,#fffbfd 0,#fff2f8 40%,#FFEAF3 74%)}
.welcome-cover:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#ed9fbf44 .8px,transparent .8px);background-size:24px 24px;mask-image:radial-gradient(ellipse at center,transparent 15%,#000 90%)}
.welcome-cover:after{content:"";position:absolute;z-index:-1;left:50%;top:46%;width:710px;height:710px;border-radius:50%;border:1px solid #ffffffc9;box-shadow:0 0 0 55px #ffffff40,0 0 0 110px #ffffff22;transform:translate(-50%,-50%);animation:halo-reveal 1.8s ease-out both;pointer-events:none}
.cover-brand{position:absolute;left:4%;top:27px;display:flex;gap:11px;align-items:center;font-size:17px;font-weight:700;color:#96536f}.cover-brand small{display:block;font-size:9px;font-weight:400;letter-spacing:.13em;margin-top:4px;color:#9e6c80}.cover-brand-flower{font-size:36px;color:#f48cb3;line-height:1}.cover-version{position:absolute;right:4%;top:34px;display:flex;align-items:center;gap:9px;font-size:11px;color:#9e6c80;background:#ffffff99;border:1px solid #fff;padding:8px 14px;border-radius:25px}.cover-version span{font-size:15px;color:#ef84af}
.cover-content{position:relative;text-align:center;z-index:2;width:min(100%,760px);padding:20px 0}.title-greeting{display:inline-flex;align-items:center;gap:13px;padding:8px 17px;border:1px solid #fff;border-radius:30px;background:#ffffff8c;font-size:11px;letter-spacing:.13em;color:#b17a94;margin:0;animation:soft-arrive .6s ease .1s both}.title-greeting>span{color:#e59bbb;font-size:14px}
.title-stage{position:relative;width:fit-content;max-width:100%;margin:31px auto 25px;padding:20px 40px 17px}.cover-content .wordmark{margin:0;display:flex;flex-direction:column;align-items:center;gap:36px;line-height:1.1;font-weight:900;letter-spacing:0;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;animation:none}
.title-line{display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}.title-line.first{font-size:51px;color:#ae5b82;gap:10px}.title-line.second{font-size:76px;color:#ed85b0;gap:5px}
.glyph{position:relative;display:inline-block;line-height:1.1;transform:rotate(var(--tilt,0deg));-webkit-text-stroke:5px white;paint-order:stroke fill;text-shadow:0 6px 0 #edb8ce,0 11px 16px #e58bae20;animation:letter-pop .85s var(--spring) calc(.2s + var(--i)*.085s) both}
.first .glyph{-webkit-text-stroke:4px white;text-shadow:0 5px 0 #e7bed4,0 9px 13px #e58bae16}.letter-ears{position:absolute;left:10%;bottom:calc(100% - 8px);width:77%;height:43px;display:flex;justify-content:space-between;align-items:flex-end;filter:drop-shadow(0 3px 0 #efbdd3);z-index:-1}.letter-ears i{display:block;width:22px;height:42px;background:#fff4fa;border:3px solid #fff;border-radius:70% 70% 30% 30%;position:relative;transform:rotate(-20deg)}.letter-ears i:after{content:"";position:absolute;inset:6px 6px 7px;border-radius:50%;background:#f9aecf}.letter-ears i:last-child{height:47px;transform:rotate(18deg);animation:title-ear-wiggle 1.5s ease 1.3s 2;transform-origin:50% 100%}
.letter-flower{position:absolute;font-size:26px;top:-12px;left:-17px;-webkit-text-stroke:2px white;paint-order:stroke fill;color:#f0abc8;text-shadow:0 2px 0 #e9bbcd;transform:rotate(-20deg)}
.letter-heart{position:absolute;right:-24px;top:12px;font-size:27px;-webkit-text-stroke:0;text-shadow:none;color:#e8a2c4;transform:rotate(19deg)}
.letter-star{position:absolute;bottom:-19px;left:33%;font-size:25px;line-height:1;color:#ecc79d;-webkit-text-stroke:2px white;paint-order:stroke fill;text-shadow:0 2px 0 #e4bc94;transform:rotate(12deg)}
.letter-bow{position:absolute;right:-11px;top:-8px;width:38px;height:25px;transform:rotate(19deg);filter:drop-shadow(0 3px 0 #df9fbc);z-index:2}
.letter-bow:before,.letter-bow:after{content:"";position:absolute;top:0;width:20px;height:23px;background:#f9b1d0;border:3px solid white;border-radius:6px 11px 11px 6px;transform:rotate(-12deg)}
.letter-bow:before{left:0}.letter-bow:after{right:0;transform:rotate(12deg);border-radius:11px 6px 6px 11px}.letter-bow i{position:absolute;width:10px;height:12px;border:2px solid white;background:#ef8bb5;border-radius:4px;left:14px;top:6px;z-index:3}
.title-underline{position:absolute;left:18%;right:16%;bottom:0;height:9px;background:#fac9df78;border-radius:60% 35% 45% 40%;rotate:-2deg;animation:underline-reveal .6s ease 1s both}
.title-spark{position:absolute;color:#ecc5a4;animation:decoration-arrive .8s var(--spring) .7s both}.spark-one{right:-6px;top:53px;font-size:29px;rotate:10deg}.spark-two{left:-10px;bottom:29px;font-size:34px;color:#d8b5df;rotate:-11deg;animation-delay:1s}
.title-confetti{position:absolute;width:7px;height:13px;border-radius:8px;background:#edbed8;rotate:-30deg;animation:decoration-arrive .6s var(--spring) .85s both}.confetti-one{left:5px;top:28px}.confetti-two{right:-15px;bottom:36px;background:#e5c7e9;rotate:20deg}
.cover-description{font-size:14px;line-height:1.95;color:#936579;margin:0 auto;animation:soft-arrive .6s ease .95s both}.cover-tiny-hearts{display:flex;align-items:center;justify-content:center;gap:15px;color:#efb0ca;font-size:17px;line-height:1;margin:19px 0 22px;animation:soft-arrive .6s ease 1.05s both}.cover-tiny-hearts span{font-size:18px;color:#e5c0d2}.cover-entry{width:100%;animation:soft-arrive .5s ease 1.15s both}
.enter-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-width:267px;padding:17px 27px;border-radius:25px;background:var(--pink);color:#fff;font-size:17px;font-weight:700;border:2px solid #ffffff8c;box-shadow:0 7px 0 #e777a442,0 12px 23px #ed77a539,inset 0 2px 1px #ffffff38;animation:button-arrive .7s var(--spring) 1.2s both;transition:transform .45s var(--spring),box-shadow .3s}
.enter-button span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#ffffff2e;font-size:20px;font-weight:400;transition:transform .4s var(--spring)}.enter-button:hover{transform:translateY(-4px) scale(1.025);box-shadow:0 9px 0 #e777a43d,0 17px 28px #ed77a546,inset 0 2px 1px #ffffff38}.enter-button:hover span{transform:translateX(3px)}.enter-button:active{transform:translateY(4px) scale(.96);box-shadow:0 2px 0 #e777a449,0 5px 14px #ed77a528}
.cover-whisper{font-size:10px;letter-spacing:.06em;color:#ac7d91;margin:21px 0 0}.cover-footer{position:absolute;bottom:23px;left:4%;right:4%;display:flex;justify-content:space-between;color:#ac7d91;font-size:10px;letter-spacing:.035em}
.is-leaving .cover-content{transition:transform .32s ease,opacity .26s ease;transform:scale(1.08) translateY(-18px);opacity:0;pointer-events:none}.is-leaving .cover-brand,.is-leaving .cover-version,.is-leaving .cover-footer{transition:opacity .25s;opacity:0}
.hub-note{padding:18px 25px;rotate:3deg;background:#fff8fca8;border:1px solid #fff;border-radius:23px 23px 23px 6px;position:relative;color:#ae7590;font-size:12px;line-height:1.8}.hub-note>span{position:absolute;right:9px;top:-12px;font-size:24px;color:#efb5cf}
@keyframes letter-pop{0%{opacity:0;translate:0 25px;scale:.65;rotate:-10deg}65%{opacity:1;translate:0 -5px;scale:1.05;rotate:2deg}100%{opacity:1;translate:0 0;scale:1;rotate:0deg}}
@keyframes underline-reveal{from{opacity:0;scale:.1 1}to{opacity:1;scale:1 1}}
@keyframes title-ear-wiggle{0%,100%{transform:rotate(18deg)}30%{transform:rotate(30deg)}60%{transform:rotate(9deg)}}
/* Directory */
.hub-intro{padding:40px 0 22px;display:flex;justify-content:space-between;gap:28px;align-items:center}.welcome-chip{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#b45a7e;letter-spacing:.06em}.welcome-chip>span{color:#e98eae;font-size:17px}.hub-intro h1{font-size:35px;margin:14px 0 12px;line-height:1.4}.hub-intro p{font-size:13px;color:var(--muted);margin:0}.hub-companion{display:flex;align-items:center;gap:3px;position:relative}.mini-mascot{width:194px;scale:.65;margin:-25px -28px}.hub-companion>span{font-size:12px;line-height:1.8;color:#a65c7b;background:#ffffffab;padding:16px 23px;border:1px solid #fff;border-radius:21px 21px 21px 4px;position:relative;rotate:3deg}.hub-companion i{font-size:16px;color:#ee94b6;font-style:normal;position:absolute;top:-8px;right:10px}.hub-search{display:flex;align-items:center;gap:24px;background:#ffffff7a;border:1px solid #fff;border-radius:25px;padding:13px 19px;margin:9px 0 36px}.search-form{display:flex;align-items:center;gap:11px;background:white;border:1px solid #f4c2d6;border-radius:18px;padding:6px 6px 6px 17px;box-shadow:0 4px 13px #e777a408;min-width:0}.hub-search .search-form{flex:1;max-width:680px}.search-icon{font-size:23px;color:#c66b90}.search-form input{flex:1;min-width:0;border:0;background:none;padding:10px 0;color:var(--ink);font-size:12px}.search-form input::placeholder{color:#ac8191}.search-form button{padding:11px 19px;border-radius:13px;background:var(--pink);color:white;font-size:12px;font-weight:600;white-space:nowrap;transition:transform .35s var(--spring)}.search-form button:active{transform:scale(.93)}.hot-words{display:flex;align-items:center;gap:12px;font-size:11px;white-space:nowrap;color:#98697d}.hot-words button{padding:5px 0;background:none;color:#b35379;font-size:11px;border-bottom:1px dashed #e5a1bc}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.section-head h2{font-size:24px;margin:0}.section-head h2 span{font-size:27px;color:#e295b3;margin-left:5px;font-weight:400}.section-intro{font-size:12px;color:var(--muted);margin:7px 0 0}.journey-stamp{font-size:10px;color:#aa7590;border:1px dashed #e6afc9;border-radius:10px;padding:8px 12px;rotate:5deg}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.journey-card{border:2px solid #fff;background:#fffafb;border-radius:29px;box-shadow:0 8px 0 #edbdd22e,0 15px 30px #d98aad0b;overflow:hidden;transition:transform .55s var(--spring),box-shadow .4s;display:flex;flex-direction:column}.journey-card:hover{transform:translateY(-9px) rotate(-1deg);box-shadow:0 12px 0 #edbdd228,0 20px 35px #d98aad22}.journey-card:nth-child(2):hover{rotate:2deg}.journey-card:active{transform:scale(.98) translateY(0)}.chapter-art{height:155px;background:radial-gradient(ellipse at 50% 85%,#ffe0ed,transparent 65%),#fff1f7;position:relative;display:grid;place-items:center;overflow:hidden}.journey-process .chapter-art{background:radial-gradient(ellipse at 50% 85%,#e9ddf6,transparent 65%),#f5effa}.journey-stations .chapter-art{background:radial-gradient(ellipse at 50% 85%,#fbe2d8,transparent 65%),#fff4ed}.chapter-art:after{content:"";position:absolute;width:165px;height:165px;border:1px solid #ffffffc9;border-radius:50%;box-shadow:0 0 0 20px #ffffff4a;top:18px;pointer-events:none}.chapter-sticker{position:absolute;top:17px;left:18px;padding:5px 10px;font-size:10px;color:#b37490;border:1px solid #fff;background:#ffffffa3;border-radius:8px;rotate:-5deg}.chapter-icon{width:92px;height:93px;border-radius:26px;border:2px solid #fff;background:linear-gradient(150deg,#fff,#ffeaf3);box-shadow:4px 7px 0 #e4a6c135,0 10px 18px #c47f981a;rotate:-10deg;display:grid;place-items:center;position:relative;z-index:2;transition:rotate .6s var(--spring),transform .6s var(--spring)}.journey-process .chapter-icon{rotate:9deg;background:linear-gradient(150deg,#fff,#f0e7fa);box-shadow:4px 7px 0 #d2b3e538,0 10px 18px #a288b01a}.journey-stations .chapter-icon{rotate:-6deg;background:linear-gradient(150deg,#fff,#fff0e8);box-shadow:4px 7px 0 #e7c0a63d,0 10px 18px #be99801a}.journey-card:hover .chapter-icon{rotate:0deg;transform:scale(1.07)}.chapter-icon svg{width:64px;height:64px;stroke:#dd7da4;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.journey-process svg{stroke:#b596cc}.journey-stations svg{stroke:#d5a485}.icon-fill{fill:#ffd2e4;stroke:none}.art-spark{position:absolute;color:#efa4c4;font-size:22px}.art-spark.one{right:21%;top:29px;rotate:14deg}.art-spark.two{left:18%;bottom:21px;font-size:28px;rotate:-16deg}.journey-process .art-spark{color:#ceb0e1}.journey-stations .art-spark{color:#e7bda1}.art-dot{width:7px;height:7px;border:2px solid #efbdd1;position:absolute;right:16%;bottom:23px;border-radius:50%}.chapter-copy{padding:24px 25px 20px;flex:1;display:flex;flex-direction:column}.chapter-tag{font-size:10px;color:#bd6f8e;letter-spacing:.05em}.chapter-copy h3{font-size:20px;margin:9px 0 12px;line-height:1.5}.chapter-copy p{font-size:12px;color:var(--muted);margin:0 0 18px}.chapter-meta{font-size:10px;color:#a67488;margin-top:auto}.chapter-go{border-top:1px dashed #f0cddc;padding-top:15px;margin-top:17px;display:flex;justify-content:space-between;align-items:center;color:#b35b7e;font-size:12px;font-weight:600}.arrow-circle{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#ffeaf3;border:1px solid #ffd4e3;font-size:18px;transition:transform .35s var(--spring)}.journey-card:hover .arrow-circle{transform:translateX(3px)}.soft-note{display:flex;align-items:center;gap:17px;border:1px dashed #edbdd2;background:#fff4f9b3;border-radius:23px;padding:22px 25px;margin-top:30px}.soft-note-icon{font-size:30px;color:#e699b7}.soft-note strong{font-size:13px;font-weight:600}.soft-note p{font-size:11px;color:#956c7d;margin:6px 0 0;max-width:760px}.soft-note a{margin-left:auto;white-space:nowrap;color:#b66788;font-size:12px}.soft-note a span{margin-left:10px}
/* Inner pages */
.page-heading{padding:36px 0 24px;max-width:840px}.breadcrumb{font-size:11px;color:#996e81;display:flex;gap:12px;margin-bottom:25px}.breadcrumb a:hover{color:var(--pink-dark)}.eyebrow{font-size:11px;color:#b96589;letter-spacing:.08em;display:inline-flex;align-items:center;gap:8px;background:#ffffffab;border:1px solid #fff;padding:6px 13px;border-radius:20px}.eyebrow:before{content:"✦";color:#e6a0bf}.page-heading h1{font-size:35px;margin:15px 0 12px}.heading-flower{display:inline-block;color:#edabc6;font-size:30px;margin-left:15px;vertical-align:middle;rotate:10deg}.page-heading p{font-size:13px;color:var(--muted);margin:0}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:15px 0 24px}.toolbar .search-form{flex:1;max-width:380px}.filter-group{display:flex;gap:7px;flex-wrap:wrap;background:#fff8fb;padding:6px;border-radius:23px;border:1px solid #fff}.filter-group button{background:transparent;color:#9b627a;font-size:12px;padding:11px 16px;border-radius:20px;transition:transform .4s var(--spring),background .2s}.filter-group button.active{background:var(--pink);color:white;font-weight:600;box-shadow:0 3px 10px #e777a425}.filter-group button:active{transform:scale(.92)}.results-label{font-size:12px;color:#966c7e;margin:0 0 19px;line-height:1.8}.terms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.term-card{text-align:left;display:flex;flex-direction:column;align-items:start;border:1px solid #fff;border-radius:25px;background:#fffafd;padding:25px;min-height:250px;box-shadow:0 6px 0 #eab8ce22,0 10px 20px #df9ab712;transition:transform .4s var(--spring),box-shadow .3s}.term-card:hover{transform:translateY(-5px);box-shadow:0 8px 0 #eab8ce2b,0 15px 23px #df9ab724}.term-card:active{transform:scale(.98)}.term-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%}.term-card .code{font-size:28px;color:#cf6894;font-family:ui-rounded,"Segoe UI",sans-serif;font-weight:750;background:#fff0f6;padding:6px 12px;border-radius:13px;rotate:-3deg}.category-tag{font-size:10px;color:#aa728d;border-radius:20px;border:1px solid #f3d7e3;padding:5px 9px}.term-card h3{font-size:16px;line-height:1.7;margin:18px 0 8px;letter-spacing:0}.term-card p{font-size:12px;color:var(--muted);margin-bottom:21px}.term-action{display:flex;justify-content:space-between;width:100%;margin-top:auto;padding-top:14px;border-top:1px dashed #f2d4e1;font-size:10px;color:#b27391}.inline-note{padding:16px 19px;border-radius:18px;background:#fff4f7;border:1px solid #f2d1df;font-size:12px;line-height:1.9;color:#975d76;margin:23px 0}.empty-state{grid-column:1/-1;border:1px dashed #eab5cd;border-radius:25px;background:#ffffff91;padding:55px 25px;text-align:center}.empty-state h3{color:#b36585}.empty-state p{font-size:13px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 20px;border-radius:18px;background:var(--pink);color:#fff;font-size:13px;font-weight:600;transition:transform .4s var(--spring)}.button:hover{transform:translateY(-3px)}.button:active{transform:scale(.96)}.button.outline{color:#b96487;background:#FFF0F6;border:1px solid #f2c8da}.button.light{background:white;color:#c26189}.text-link{font-size:12px;color:#b96487}.pill,.status{display:inline-flex;align-items:center;padding:7px 12px;border-radius:20px;background:#ffedf5;color:#af6083;font-size:10px;line-height:1.4;font-weight:500;gap:5px;border:1px solid #f7d6e4}.status.pending{background:#fff3e9;color:#9e7156;border-color:#f4ddcc}.notice-strip{display:flex;align-items:start;gap:10px;padding:17px 20px;border:1px dashed #e8b6cd;border-radius:18px;background:#fff7fbb3;color:#9e6c82;font-size:12px;line-height:1.8}.notice-icon{display:grid;place-items:center;width:19px;height:19px;border:1px solid #dca6c0;border-radius:50%;flex-shrink:0;font-family:Georgia,serif}.process-layout{display:grid;grid-template-columns:256px 1fr;gap:25px;margin-top:26px;align-items:start}.process-list{display:flex;flex-direction:column;gap:10px}.process-tab{padding:18px 20px;text-align:left;background:#fff7fc;border:1px solid #fff;border-radius:21px;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:transform .4s var(--spring),background .2s}.process-tab:hover{transform:translateX(4px)}.process-tab.active{background:var(--pink);color:#fff;box-shadow:0 5px 15px #f4639a24}.process-tab strong{font-size:14px;display:block;font-weight:600}.process-tab small{display:block;font-size:10px;opacity:.8;margin-top:7px}.process-detail{border:1px solid #fff;border-radius:28px;background:#fffafd;padding:32px;box-shadow:var(--shadow)}.process-detail h2{font-size:27px;line-height:1.5;margin:21px 0 13px}.process-detail>p{font-size:13px;color:var(--muted)}.learning-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:27px 0}.learning-step{position:relative;border:1px solid #f5d4e4;background:#fff0f7;border-radius:20px;padding:20px 15px;font-size:12px;line-height:1.7;color:#ad6687}.learning-step span{display:block;font-size:24px;font-family:Georgia,serif;font-style:italic;color:#d999b7;margin-bottom:9px}.learning-step:not(:last-child):after{content:"→";position:absolute;right:-16px;top:45%;color:#d399b4}.questions{padding-top:25px;margin-top:27px;border-top:1px dashed #efd2df}.questions h3{font-size:14px}.questions ul{font-size:13px;color:var(--muted);line-height:2.2;padding-left:19px}.station-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;padding:28px;background:#fff5fac2;border:1px solid #fff;border-radius:25px;margin:15px 0 28px}.station-intro h3{font-size:20px;line-height:1.65;margin:0 0 12px}.station-intro p{font-size:12px;color:var(--muted);margin:0}.station-principle{padding-left:28px;border-left:1px dashed #edc1d4;display:flex;flex-direction:column;justify-content:center;gap:12px;font-size:12px;color:#a96b88}.station-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:22px;align-items:start}.station-list{display:flex;flex-direction:column;gap:11px}.station-button{display:flex;gap:15px;align-items:center;text-align:left;border:1px solid #fff;background:#fff7fc;border-radius:21px;padding:19px;transition:transform .4s var(--spring),background .2s}.station-button:hover{transform:translateX(3px)}.station-button.active{border-color:#f6a6c5;background:#ffdfed;box-shadow:0 5px 13px #e777a418}.station-index{font-size:25px;font-family:Georgia,serif;color:#d591b2;min-width:31px;font-style:italic}.station-button strong{display:block;font-size:14px;margin-bottom:7px;font-weight:600}.station-button small{display:block;font-size:11px;color:var(--muted);line-height:1.6}.station-button>span:last-child{margin-left:auto;color:#c482a1}.station-detail{background:#fffafd;border:1px solid #fff;border-radius:28px;padding:30px;box-shadow:var(--shadow)}.station-detail h2{font-size:25px;margin:19px 0 24px}.info-row{margin:23px 0}.info-row h3{font-size:12px;color:#b36688;margin-bottom:9px}.info-row p,.info-row ul{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.info-row ul{padding-left:18px}.people-count{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;background:#fff0f6;border:1px solid #f9d4e5;border-radius:17px;margin-top:26px;font-size:12px}.people-count strong{font-weight:500;color:#b86d8f;white-space:nowrap}.contribute-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;margin-top:12px}.paper-card{background:#fffafd;border:1px solid #fff;border-radius:28px;padding:30px;box-shadow:var(--shadow)}.paper-card h2{font-size:23px}.paper-card>p{font-size:13px;color:var(--muted)}.checklist{display:flex;flex-direction:column;gap:22px;margin:28px 0}.check-item{display:flex;gap:14px;align-items:start}.check-number{font-family:Georgia,serif;font-style:italic;font-size:20px;background:#ffe8f2;padding:8px 11px;border-radius:12px;color:#cb83a2}.check-item strong{font-size:14px;font-weight:600}.check-item p{font-size:12px;color:var(--muted);margin:7px 0 0}.template-box{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff3f9;border:1px solid #f2d1e0;border-radius:20px;padding:20px;font-family:inherit;font-size:12px;line-height:1.95;color:var(--muted)}.stack-cards{display:flex;flex-direction:column;gap:18px}.boundary-card{padding:25px;border:1px solid #fff;border-radius:25px;background:#fff5fb}.boundary-card.warm{background:#fff5ed}.boundary-card h3{font-size:17px;margin-bottom:12px}.boundary-card p,.boundary-card li{font-size:12px;line-height:1.9;color:#93697c}.boundary-card ul{padding-left:18px;margin-bottom:0}.presentation-note{border-top:1px dashed #eebdd2;padding-top:30px;margin-top:30px}.presentation-note h2{font-size:24px}.presentation-note>p{font-size:13px;color:var(--muted)}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.outcome{padding:24px;border:1px solid #fff;border-radius:23px;background:#fff9fc}.outcome h3{font-size:16px;margin:17px 0 11px}.outcome p{font-size:12px;color:var(--muted);margin:0}.search-section-title{font-size:19px;margin:30px 0 18px}.search-result-list{display:grid;gap:13px}.search-result{display:block;border:1px solid #fff;border-radius:22px;background:#fff9fc;padding:23px;transition:transform .4s var(--spring)}.search-result:hover{transform:translateY(-3px)}.search-result h3{font-size:17px;margin:0 0 9px}.search-result p{font-size:12px;color:var(--muted);margin:0}dialog{width:min(640px,calc(100% - 30px));max-height:87svh;overflow:auto;padding:36px;border:2px solid #fff;border-radius:30px;background:#fff7fb;color:var(--ink);box-shadow:0 25px 90px #a44d7629}dialog[open]{animation:dialog-arrive .4s var(--spring)}dialog::backdrop{background:#5B2B3C3d;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:18px;top:17px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffe4ef;color:#ad6586;font-size:24px;line-height:1}.dialog-code{font-size:42px;font-weight:750;color:#db77a2;margin:15px 0 14px;font-family:ui-rounded,"Segoe UI",sans-serif}.dialog-title{font-size:24px;line-height:1.6;margin:0 0 9px}.dialog-en{font-size:12px;color:#a6758b}.dialog-lead{font-size:14px;line-height:1.95;margin-top:23px}.dialog-section{border-top:1px dashed #edc6d9;padding-top:20px;margin-top:23px}.dialog-section h3{font-size:13px;color:#b86c8e}.dialog-section p{font-size:13px;color:var(--muted);margin-bottom:0}.related-terms{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.related-terms button{font-size:12px;padding:9px 13px;border:1px solid #f2c9dd;border-radius:13px;background:#ffeaf3;color:#ad6685}.view-animate{animation:page-arrive .45s cubic-bezier(.2,.8,.3,1) both}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;border:1px solid #f4c8da;border-radius:18px;background:#fff7fb;box-shadow:0 10px 35px #b95e842b;padding:15px 23px;color:#a65b7c;max-width:90vw;font-size:12px;z-index:100;transition:opacity .2s,transform .3s}#toast.visible{opacity:1;transform:translate(-50%,0)}.noscript{text-align:center;padding:30px;font-size:14px}
/* A short entrance sequence; tiny character gestures stop after a few cycles. */
@keyframes mascot-arrive{0%{opacity:0;transform:translateY(45px) scale(.52) rotate(-13deg)}65%{opacity:1;transform:translateY(-9px) scale(1.05) rotate(3deg)}100%{opacity:1;transform:none}}
@keyframes bubble-arrive{from{opacity:0;translate:-12px 15px;scale:.65}to{opacity:1;translate:0 0;scale:1}}
@keyframes soft-arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@keyframes title-arrive{from{opacity:0;transform:translateY(23px) scale(.92)}to{opacity:1;transform:none}}
@keyframes button-arrive{from{opacity:0;translate:0 24px;scale:.85}to{opacity:1;translate:0 0;scale:1}}
@keyframes decoration-arrive{from{opacity:0;scale:.2;translate:0 20px}to{opacity:1;scale:1;translate:0 0}}
@keyframes note-arrive{from{opacity:0;translate:0 30px;scale:.8}to{opacity:1;translate:0 0;scale:1}}
@keyframes halo-reveal{from{opacity:0;scale:.7}to{opacity:1;scale:1}}
@keyframes blink{0%,44%,49%,100%{scale:1 1}46%,47%{scale:1 .15}}
@keyframes ear-wiggle{0%,100%{transform:rotate(16deg)}28%{transform:rotate(26deg)}56%{transform:rotate(10deg)}}
@keyframes wave{0%,100%{transform:rotate(-42deg)}30%{transform:rotate(-70deg)}60%{transform:rotate(-32deg)}}
@keyframes page-arrive{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes dialog-arrive{from{opacity:0;transform:translateY(15px) scale(.93)}to{opacity:1;transform:none}}
@media(min-width:1450px){.welcome-cover{padding-top:100px;padding-bottom:86px}.cover-illustration{height:225px}.cover-mascot{scale:1.12}.cover-content h1{font-size:58px}.cover-description{font-size:15px}.cover-kicker{margin-top:32px}.enter-button{margin-top:7px}.cover-content{padding-bottom:15px}}
@media(max-width:1100px){.site-header{margin:14px 20px 0;padding:13px 22px;gap:18px}.brand{min-width:162px;font-size:16px}.site-header nav a{padding:10px 13px;font-size:12px}.header-action{font-size:11px}.hub-intro h1{font-size:31px}.hub-companion>span{font-size:11px;padding:14px 17px}.hub-search{gap:18px}.hot-words{gap:9px}.journey-grid{gap:17px}.chapter-copy{padding:23px 20px 18px}.chapter-copy h3{font-size:18px}.note-a{left:5%;top:60%}.note-b{right:4%;top:75%}.heart-a{left:13%}.heart-b{right:10%}.star-a{right:20%}.star-b{left:18%}.orbit-flower{right:6%}.process-layout{grid-template-columns:220px 1fr;gap:20px}.process-detail{padding:27px}}
@media(max-width:850px){.site-header{gap:12px;padding:13px 20px}.brand{min-width:150px}.site-header nav a{padding:10px 11px}.header-action{font-size:10px}.header-action span{display:none}.hub-companion>span{display:none}.hub-search{display:block}.hub-search .search-form{max-width:none}.hub-search .hot-words{margin-top:11px;justify-content:center}.toolbar{flex-direction:column;align-items:stretch;gap:15px}.toolbar .search-form{max-width:none}.filter-group{align-self:start}.terms-grid{grid-template-columns:repeat(2,1fr)}.journey-grid{gap:13px}.chapter-art{height:140px}.chapter-copy{padding:20px 15px 17px}.chapter-copy h3{font-size:17px}.chapter-copy p{font-size:11px}.chapter-go{font-size:11px}.heart-a{left:7%;top:33%}.note-a{font-size:10px;padding:10px 13px;left:4%;top:70%}.note-b{font-size:10px;padding:10px 13px;right:4%;top:82%}.cover-content{max-width:580px}.orbit-flower{top:44%;right:4%;font-size:35px}.star-b{bottom:17%;left:19%}.heart-b{top:61%;right:7%}.station-layout{grid-template-columns:1fr 1.15fr}.contribute-layout{gap:18px}.paper-card{padding:25px}}
@media(max-width:640px){main{padding:0 20px 40px}.site-header{margin:12px 14px 0;padding:18px 16px 10px;border-radius:25px;display:grid;grid-template-columns:1fr auto;gap:14px;top:8px}.brand{font-size:16px}.brand small{font-size:9px}.brand-mark{width:34px;height:30px;border-radius:10px}.site-header nav{grid-column:1/-1;grid-row:2;margin:0;width:100%;justify-content:space-between;gap:0;padding:4px}.site-header nav a{font-size:10px;padding:10px 12px;text-align:center}.header-action{font-size:10px;grid-column:2;grid-row:1}.header-action span{display:inline}.site-footer{padding:24px 20px;flex-direction:column;align-items:start;gap:18px}.site-footer p{font-size:10px}.welcome-cover{padding:100px 20px 73px;min-height:100svh}.welcome-cover:after{width:500px;height:500px;top:43%;box-shadow:0 0 0 35px #ffffff40,0 0 0 75px #ffffff22}.cover-brand{left:23px;top:23px;font-size:15px;gap:8px}.cover-brand small{font-size:8px}.cover-brand-flower{font-size:30px}.cover-version{font-size:9px;right:22px;top:25px;padding:6px 10px;gap:5px}.cover-illustration{height:176px}.cover-mascot{scale:.94}.hello-bubble{font-size:18px;left:calc(50% + 70px);top:18px;padding:9px 15px}.cover-kicker{font-size:9px;letter-spacing:.09em;margin:21px 0 14px;gap:9px}.cover-content h1{font-size:40px;line-height:1.4;margin-bottom:18px;letter-spacing:.035em}.cover-description{font-size:12px;margin-bottom:25px;line-height:1.95}.enter-button{min-width:236px;font-size:16px;padding:15px 22px;border-radius:22px;gap:22px}.cover-whisper{font-size:9px;margin-top:21px}.cover-footer{left:20px;right:20px;bottom:18px;font-size:8px;gap:12px;letter-spacing:0}.heart-a{left:5%;top:28%;font-size:31px}.heart-b{right:5%;top:57%;font-size:26px}.star-a{right:12%;top:19%;font-size:22px}.star-b{left:10%;bottom:20%;font-size:25px}.orbit-flower{right:7%;top:39%;font-size:24px}.floating-note{display:none}.hub-intro{padding:27px 0 18px;gap:5px}.welcome-chip{font-size:10px}.hub-intro h1{font-size:26px;line-height:1.5;margin:11px 0}.hub-intro p{font-size:11px}.hub-companion{display:none}.hub-search{padding:12px;border-radius:23px;margin:6px 0 28px}.search-form{padding-left:12px;border-radius:16px;gap:8px}.search-form input{font-size:11px;padding:10px 0}.search-form button{font-size:11px;padding:11px 13px;border-radius:11px}.search-icon{font-size:20px}.hot-words{font-size:10px}.hot-words button{font-size:10px}.section-head{gap:12px;margin-bottom:20px}.section-head h2{font-size:20px}.section-head h2 span{font-size:22px}.section-intro{font-size:11px;line-height:1.8}.journey-stamp{font-size:8px;padding:7px;white-space:nowrap;display:none}.journey-grid{grid-template-columns:1fr;gap:18px}.journey-card{border-radius:26px;display:grid;grid-template-columns:114px 1fr;overflow:hidden;align-items:stretch}.chapter-art{height:auto;min-height:235px}.chapter-art:after{width:120px;height:120px;top:58px;left:-13px}.chapter-icon{width:74px;height:77px;border-radius:23px;margin-top:0}.chapter-icon svg{width:53px;height:53px}.chapter-sticker{top:17px;left:15px;font-size:9px;padding:5px 8px}.art-spark.one{right:13%;top:59px;font-size:15px}.art-spark.two{left:12%;bottom:30px;font-size:24px}.art-dot{right:19%;bottom:24px}.chapter-copy{padding:19px 18px 17px}.chapter-tag{font-size:9px}.chapter-copy h3{font-size:17px;margin:8px 0 9px;line-height:1.5}.chapter-copy p{font-size:11px;margin-bottom:14px}.chapter-copy p br{display:none}.chapter-meta{font-size:9px;line-height:1.7}.chapter-go{font-size:11px;margin-top:11px;padding-top:11px;gap:5px}.arrow-circle{width:25px;height:25px;font-size:15px}.soft-note{padding:20px;gap:12px;align-items:start;flex-wrap:wrap;margin-top:25px}.soft-note-icon{font-size:23px}.soft-note>div{flex:1;min-width:200px}.soft-note strong{font-size:12px}.soft-note p{font-size:10px;line-height:1.9}.soft-note a{font-size:11px;padding-top:2px}.page-heading{padding:26px 0 21px}.breadcrumb{font-size:10px;margin-bottom:23px}.page-heading h1{font-size:29px;line-height:1.5;margin:13px 0 12px}.heading-flower{font-size:25px;margin-left:10px}.page-heading p{font-size:12px}.eyebrow{font-size:10px;padding:6px 11px}.toolbar{margin-top:6px;margin-bottom:21px;gap:14px}.filter-group{gap:2px;padding:4px;border-radius:22px;width:100%;justify-content:space-between}.filter-group button{font-size:10px;padding:10px 12px}.results-label{font-size:10px;line-height:1.9;margin-bottom:17px}.terms-grid{gap:12px}.term-card{padding:18px 15px;border-radius:23px;min-height:269px}.term-card-top{flex-wrap:wrap;gap:9px}.term-card .code{font-size:25px;padding:5px 9px;border-radius:11px}.category-tag{font-size:9px;padding:4px 7px}.term-card h3{font-size:14px;margin:14px 0 9px;line-height:1.7}.term-card p{font-size:11px;margin-bottom:16px}.term-action{font-size:9px;line-height:1.8;gap:5px;padding-top:11px}.inline-note{font-size:11px;padding:16px;border-radius:17px}.notice-strip{font-size:11px;padding:16px;gap:9px}.process-layout{grid-template-columns:1fr;gap:20px}.process-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.process-tab{padding:15px;border-radius:18px;gap:5px}.process-tab strong{font-size:12px}.process-tab small{font-size:9px;line-height:1.7;margin-top:6px}.process-tab:last-child{grid-column:1/-1}.process-detail{padding:24px 22px;border-radius:25px}.process-detail h2{font-size:23px}.process-detail>p{font-size:12px}.learning-flow{gap:14px}.learning-step{font-size:10px;padding:16px 10px;border-radius:15px;overflow-wrap:anywhere}.learning-step span{font-size:21px}.learning-step:not(:last-child):after{right:-12px}.questions h3{font-size:13px}.questions ul{font-size:12px}.station-intro{grid-template-columns:1fr;padding:24px;gap:20px}.station-intro h3{font-size:18px}.station-principle{padding:18px 0 0;border-left:0;border-top:1px dashed #edc1d4;font-size:11px;line-height:1.8}.station-layout{grid-template-columns:1fr;gap:21px}.station-detail{padding:25px 23px;border-radius:25px}.station-button{padding:17px}.station-button strong{font-size:13px}.station-button small{font-size:10px}.contribute-layout{grid-template-columns:1fr}.paper-card{padding:25px 22px;border-radius:25px}.paper-card h2{font-size:21px}.outcome-grid{grid-template-columns:1fr;gap:13px}.presentation-note h2{font-size:22px;line-height:1.6}.presentation-note>p{font-size:12px}.boundary-card{padding:24px}.check-item p{font-size:11px}.template-box{padding:16px;font-size:11px}.people-count{font-size:11px;padding:16px}.search-result h3{font-size:16px}dialog{padding:30px 23px;border-radius:26px}.dialog-title{font-size:21px}.dialog-code{font-size:36px}.dialog-lead{font-size:13px}.dialog-section p{font-size:12px}.status{font-size:9px}.related-terms button{font-size:11px}}
@media(max-width:370px){.cover-version{display:none}.cover-content h1{font-size:35px}.cover-description{font-size:11px}.cover-illustration{height:160px}.cover-mascot{scale:.86}.hello-bubble{left:calc(50% + 64px)}.cover-footer{font-size:7px}.journey-card{grid-template-columns:94px 1fr}.chapter-copy{padding:18px 14px}.chapter-icon{width:66px;height:71px}.chapter-copy h3{font-size:16px}.chapter-sticker{left:10px}.filter-group button{font-size:9px;padding:10px}.site-header nav a{font-size:9px;padding:10px}.terms-grid{grid-template-columns:1fr}.term-card{min-height:225px}.term-card-top{flex-wrap:nowrap}.cover-kicker{letter-spacing:0}.hub-intro h1{font-size:24px}}
@media(max-height:720px) and (min-width:641px){.welcome-cover{padding-top:74px;padding-bottom:56px}.cover-illustration{height:150px}.cover-mascot{scale:.86;transform-origin:50% 100%}.hello-bubble{top:0;font-size:17px;left:calc(50% + 76px)}.cover-kicker{margin-top:19px;margin-bottom:12px;font-size:10px}.cover-content h1{font-size:44px;line-height:1.3;margin-bottom:14px}.cover-description{font-size:13px;line-height:1.85;margin-bottom:18px}.enter-button{padding:13px 25px;font-size:16px}.cover-whisper{margin-top:16px}.cover-footer{bottom:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.is-leaving .cover-content{opacity:1;transform:none}.journey-card:hover,.term-card:hover,.enter-button:hover{transform:none}}
@media print{.site-header,.site-footer,.toolbar,.search-form,.hot-words,.button,.header-action,.dialog-close,.soft-note{display:none!important}body{background:#fff}main{max-width:none;padding:0}.journey-card,.term-card,.paper-card{break-inside:avoid;box-shadow:none}.process-layout,.station-layout,.contribute-layout{display:block}.process-list,.station-list{display:none}.cover-orbit,.cover-version{display:none}.welcome-cover{min-height:auto;padding:100px 0;background:#fff}.welcome-cover:after,.welcome-cover:before{display:none}.enter-button{display:none}.terms-grid{grid-template-columns:repeat(2,1fr)}dialog[open]{position:static;max-height:none;width:100%;box-shadow:none;border:0}*{animation:none!important;transition:none!important}}

/* Mobile-first invitation typography. Desktop and phone have distinct spacing/type scales. */
.brand-mark{border:0;background:transparent;border-radius:0;color:#ed9abb;font-size:39px;line-height:1;transform:rotate(-12deg);display:block;text-align:center}
.brand-mark:before,.brand-mark:after{display:none}
@media(min-width:641px){.welcome-cover{padding:95px 40px 75px}.cover-content{padding:16px 0}.title-stage{margin-top:33px;margin-bottom:27px}.cover-description{font-size:14px;margin:0}.cover-entry .enter-button{padding:17px 27px;font-size:17px}.cover-entry .cover-whisper{margin:22px 0 0}.welcome-cover:after{width:710px;height:710px}.cover-content .wordmark{gap:36px}}
@media(min-width:1450px){.cover-content{padding:35px 0}.title-line.first{font-size:58px}.title-line.second{font-size:86px}.letter-ears{height:49px;bottom:calc(100% - 10px)}.letter-ears i{height:48px;width:25px}.letter-ears i:last-child{height:54px}.title-stage{margin-top:38px}.cover-description{font-size:15px}}
@media(max-width:640px){
  .welcome-cover{padding:82px 22px calc(58px + env(safe-area-inset-bottom,0px));min-height:100svh;align-items:center}
  .welcome-cover:after{width:430px;height:430px;top:43%;box-shadow:0 0 0 36px #ffffff40,0 0 0 73px #ffffff22}
  .cover-brand{top:calc(22px + env(safe-area-inset-top,0px));left:22px;font-size:14px;gap:8px}.cover-brand-flower{font-size:29px}.cover-brand small{font-size:8px;letter-spacing:.08em}
  .cover-version{top:calc(23px + env(safe-area-inset-top,0px));right:21px;font-size:8px;padding:6px 9px;gap:4px}.cover-version span{font-size:12px}
  .cover-content{width:100%;padding:8px 0 4px}.title-greeting{font-size:9px;gap:9px;padding:8px 13px;letter-spacing:.06em;margin:0}.title-greeting>span{font-size:12px}
  .title-stage{padding:18px 14px 17px;margin:32px auto 25px;max-width:100%;width:fit-content}
  .cover-content .wordmark{gap:32px;font-size:inherit;margin:0;line-height:1.1;letter-spacing:0}
  .title-line.first{font-size:clamp(29px,8.8vw,39px);gap:8px}.title-line.second{font-size:clamp(40px,12.4vw,56px);gap:3px}
  .glyph{-webkit-text-stroke:4px white;text-shadow:0 5px 0 #edb8ce,0 8px 12px #e58bae24}.first .glyph{-webkit-text-stroke:3px white;text-shadow:0 4px 0 #e7bed4,0 7px 11px #e58bae20}
  .letter-ears{height:32px;bottom:calc(100% - 6px);width:75%;left:12%;filter:drop-shadow(0 2px 0 #efbdd3)}.letter-ears i{width:15px;height:29px;border-width:2px}.letter-ears i:last-child{height:34px}.letter-ears i:after{inset:5px 4px 6px}
  .letter-flower{font-size:19px;top:-9px;left:-11px}.letter-heart{font-size:20px;top:9px;right:-20px}.letter-star{font-size:18px;bottom:-15px;-webkit-text-stroke:1.5px white}
  .letter-bow{width:29px;height:21px;right:-9px;top:-6px;filter:drop-shadow(0 2px 0 #df9fbc)}.letter-bow:before,.letter-bow:after{width:16px;height:19px;border-width:2px}.letter-bow i{width:8px;height:11px;left:11px;top:5px;border-width:1.5px}
  .title-underline{height:7px;left:15%;right:14%;bottom:0}.spark-one{font-size:21px;right:-2px;top:39px}.spark-two{font-size:23px;left:-9px;bottom:28px}
  .title-confetti{width:5px;height:9px}.confetti-one{left:2px;top:18px}.confetti-two{right:-7px;bottom:26px}
  .cover-description{font-size:12px;margin:0;line-height:2.05;letter-spacing:0}
  .cover-tiny-hearts{font-size:17px;margin:22px 0 25px;gap:16px}
  .cover-entry{width:100%}.cover-entry .enter-button{min-width:0;width:min(100%,282px);padding:17px 20px;font-size:16px;gap:20px;border-radius:23px}
  .cover-entry .cover-whisper{font-size:9px;margin:22px 0 0;letter-spacing:.03em}
  .cover-footer{left:20px;right:20px;bottom:calc(19px + env(safe-area-inset-bottom,0px));font-size:8px;gap:10px;line-height:1.6;letter-spacing:0}
  .hub-note{display:none}.brand-mark{font-size:34px;width:34px;height:32px}.page-heading{scroll-margin-top:145px}
}
@media(max-width:370px){
 .welcome-cover{padding-left:19px;padding-right:19px}.cover-version{display:none}.title-stage{padding-left:9px;padding-right:9px}
 .title-line.first{font-size:30px;gap:6px}.title-line.second{font-size:40px;gap:3px}.cover-content .wordmark{gap:28px}
 .cover-description{font-size:11px}.cover-entry .enter-button{width:min(100%,260px);font-size:15px}.cover-footer{font-size:7px}
}
@media(max-height:700px) and (max-width:640px){
 .welcome-cover{padding-top:72px;padding-bottom:52px}.cover-content{padding:0}.title-stage{margin-top:24px;margin-bottom:21px}
 .title-greeting{padding:6px 12px}.cover-tiny-hearts{margin:15px 0 18px}.cover-entry .enter-button{padding-top:15px;padding-bottom:15px}
 .cover-entry .cover-whisper{margin-top:18px}
}
@media(max-height:590px) and (max-width:640px){
 .welcome-cover{padding-top:65px;padding-bottom:48px}.title-stage{margin-top:20px;margin-bottom:18px}.title-line.first{font-size:28px}.title-line.second{font-size:39px}
 .cover-content .wordmark{gap:25px}.cover-tiny-hearts{display:none}.cover-entry{margin-top:20px}.cover-description{font-size:11px}.title-greeting{font-size:8px}.cover-entry .cover-whisper{margin-top:14px}
}
@media(max-height:500px) and (min-width:641px){
 .welcome-cover{padding:68px 25px 48px}.cover-content{padding:0}.title-greeting{display:none}.title-stage{margin:0 auto 20px;padding-top:10px}
 .title-line.first{font-size:29px}.title-line.second{font-size:47px}.cover-content .wordmark{gap:27px}.cover-tiny-hearts{display:none}.cover-entry{margin-top:18px}
 .cover-entry .enter-button{padding:11px 24px}.cover-entry .cover-whisper{margin-top:16px}.cover-description{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.glyph{opacity:1;translate:none;scale:none;rotate:none}.cover-entry,.cover-description,.title-greeting,.title-spark,.title-underline{opacity:1}}
/* Phone directory: compact destinations and readable single-column vocabulary. */
@media(max-width:640px){
 .hub-intro{padding:24px 0 17px}.hub-intro h1{font-size:25px;margin:9px 0}.hub-intro p{font-size:12px;line-height:1.8}
 .hub-search{margin:3px 0 23px;padding:8px}.hub-search .hot-words{display:none}.hub-search .search-form{border-color:#f6d7e4}
 .section-head{margin-bottom:16px}.section-head h2{font-size:20px}.journey-grid{gap:13px}.journey-card{position:relative;grid-template-columns:97px 1fr;border-radius:25px}
 .chapter-art{min-height:145px}.chapter-art:after{width:116px;height:116px;top:15px;left:-12px}.chapter-icon{width:61px;height:64px;border-radius:19px;margin-top:9px}.chapter-icon svg{width:44px;height:44px}
 .chapter-sticker{top:10px;left:11px;padding:3px 7px;font-size:8px}.art-spark.one{font-size:12px;right:11%;top:31px}.art-spark.two{font-size:19px;left:10%;bottom:13px}.art-dot{right:16%;bottom:15px;width:5px;height:5px}
 .chapter-copy{padding:17px 20px 16px 16px}.chapter-tag{display:none}.chapter-copy h3{font-size:16px;margin:0 0 8px;line-height:1.5;letter-spacing:-.03em}.chapter-copy p{font-size:11px;margin:0 0 9px;line-height:1.8}
 .chapter-meta{font-size:8px;line-height:1.5;max-width:calc(100% - 16px);margin-top:auto}.chapter-go{position:absolute;right:12px;bottom:12px;margin:0;padding:0;border:0}.chapter-go>span:first-child{display:none}.arrow-circle{width:24px;height:24px;font-size:15px}
 .terms-grid{grid-template-columns:1fr;gap:13px}.term-card{display:grid;grid-template-columns:66px 1fr;column-gap:15px;min-height:0;padding:19px 18px;border-radius:23px;align-items:start}
 .term-card-top{grid-column:1;grid-row:1/4;display:flex;flex-direction:column;align-items:center;gap:12px}.term-card .code{font-size:24px;padding:6px 8px}.category-tag{font-size:9px;padding:5px 6px;white-space:nowrap}
 .term-card h3{grid-column:2;font-size:15px;line-height:1.65;margin:0 0 7px}.term-card p{grid-column:2;font-size:12px;line-height:1.85;margin:0 0 11px}.term-action{grid-column:2;font-size:9px;padding-top:9px}
 .filter-group button{min-height:40px;font-size:11px;padding:10px}.site-header nav a{min-height:40px;display:flex;align-items:center;justify-content:center}.search-form button{min-height:42px}
 .process-detail>p,.questions ul,.info-row p,.info-row ul,.dialog-section p{font-size:13px}.related-terms button{min-height:40px}.dialog-close{width:40px;height:40px;right:14px;top:13px}
}
@media(max-width:370px){.journey-card{grid-template-columns:80px 1fr}.chapter-icon{width:53px;height:59px;border-radius:17px}.chapter-icon svg{width:39px;height:39px}.chapter-copy{padding:17px 17px 16px 13px}.chapter-copy h3{font-size:15px}.chapter-sticker{left:7px}.chapter-art{min-height:150px}.filter-group button{font-size:10px;padding:9px}.term-card{grid-template-columns:60px 1fr;column-gap:13px;padding:18px 15px}.term-card h3{font-size:14px}}

/* v0.3 — product explorer and line-based guide. Colors stay aligned with the existing cover. */
.module-mark{transform:none;color:#c783a4;width:34px;height:36px}
.module-mark svg{width:34px;height:36px;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.header-action{font-size:11px;color:#8e6b7a;padding:12px 5px;min-height:44px;display:flex;align-items:center}
.term-card .term-full-name{font-size:13px;color:#925070;line-height:1.6;margin:0 0 12px;font-weight:600;overflow-wrap:anywhere;letter-spacing:.005em}
.term-card h3{margin-bottom:5px}.term-card-top{flex-shrink:0}
.search-count{margin-top:22px}.search-result{text-align:left}
.product-tabs{display:flex;gap:8px;padding:6px;border:1px solid white;background:#fff8fc;border-radius:22px;width:fit-content;margin:0 0 25px}
.product-tabs a{font-size:13px;min-height:45px;padding:13px 22px;border-radius:17px;color:var(--muted);display:flex;align-items:center;justify-content:center;text-align:center}
.product-tabs a.active{background:#f5d8e9;color:#813e62;font-weight:700;box-shadow:0 3px 8px #b56c9112}
.product-tabs a:hover{background:#ffe7f2}
.structure-overview{display:grid;grid-template-columns:1.2fr 1fr;gap:38px;align-items:center}
.structure-gallery{min-width:0;padding:26px 28px 19px;border:2px solid #fff;border-radius:30px;background:radial-gradient(ellipse at 20% 80%,#e9e5f744,transparent 60%),#fff8fc;box-shadow:var(--shadow);overflow:hidden}
.scene-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.scene-caption>span:first-child{font-size:9px;letter-spacing:.16em;color:#a17790}
.structure-gallery h2{font-size:25px;margin:12px 0 6px;line-height:1.5}
.scene-subtitle{font-size:12px;color:var(--muted);margin:0}
.exploded-stage{position:relative;height:calc(var(--layers)*78px + 30px);width:100%;max-width:520px;margin:15px auto 2px;perspective:700px}
.stage-axis{position:absolute;left:30%;top:26px;bottom:38px;border-left:1px dashed #d4b2cd;opacity:.65;pointer-events:none}
.exploded-layer{--surface:#f7d7e6;--edge:#cd8dad;--plate:#fff5fa;position:absolute;left:0;right:0;top:calc(var(--layer)*78px);height:90px;width:100%;text-align:left;padding:0;background:transparent;isolation:isolate;animation:layer-unfold .65s var(--spring) calc(var(--layer)*.085s) both;transition:filter .25s}
.tone-mint{--surface:#d0ece7;--edge:#8fb9b2;--plate:#f4fffc}
.tone-rose{--surface:#f5d3e3;--edge:#ce8bab;--plate:#fff4fa}
.tone-lavender{--surface:#dad3f0;--edge:#a99ac9;--plate:#f4f1ff}
.tone-peach{--surface:#f6e0c7;--edge:#d4b08a;--plate:#fffbf0}
.tone-neutral{--surface:#e7dfe5;--edge:#bdabb7;--plate:#fbf7fb}
.exploded-layer .layer-plate{position:absolute;left:4%;top:2px;width:55%;height:112px;border-radius:13px;border:2px solid var(--edge);background:linear-gradient(135deg,var(--plate),var(--surface));transform:rotateX(56deg) rotateZ(-25deg);box-shadow:-3px 5px 0 var(--edge),-4px 12px 15px #79526b15;transition:translate .35s var(--spring),box-shadow .35s;pointer-events:none}
.layer-plate:before{content:"";position:absolute;inset:8px;border:1px solid #ffffffce;border-radius:7px}
.plate-window{position:absolute;inset:17px 21px;border:1px solid #ffffffbd;border-radius:4px;background:linear-gradient(135deg,#ffffff70,transparent 45%,#ffffff70)}
.plate-detail{position:absolute;bottom:7px;right:17px;width:33px;height:3px;border-radius:3px;background:var(--edge);opacity:.5}
.plate-tail{position:absolute;right:-26px;bottom:20px;width:28px;height:26px;border:1px solid #d8ac6b;background:repeating-linear-gradient(0deg,#f1d19d 0 4px,#d5af74 4px 5px);border-radius:0 4px 4px 0}
.layer-label{position:absolute;left:68%;right:0;top:22px;line-height:1.35;pointer-events:none}
.layer-label:before{content:"";position:absolute;right:calc(100% + 9px);top:10px;width:23px;border-top:1px dashed var(--edge)}
.layer-label strong{font-size:16px;font-weight:750;display:block;color:#68455d}
.layer-label small{font-size:9px;color:#876e80;display:block;margin-top:4px;line-height:1.4;overflow-wrap:anywhere}
.layer-label>span{font-size:9px;color:#a67190;display:block;margin-top:6px}.layer-label b{font-size:13px;font-weight:400;margin-left:2px}
.exploded-layer:hover .layer-plate{translate:0 -9px;box-shadow:-3px 5px 0 var(--edge),-4px 22px 18px #79526b20}
.exploded-layer:active .layer-plate{translate:0 -3px}
.exploded-layer:focus-visible{outline-offset:0;outline-width:2px;border-radius:13px;background:#ffffff55}
.scene-legend{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#88657c;padding:10px 0 0;line-height:1.6}
.legend-dot{width:6px;height:6px;background:#bca4c7;border-radius:50%;flex-shrink:0}
.structure-guide{min-width:0}.structure-guide>h2{font-size:28px;margin:19px 0 16px;line-height:1.6}.structure-guide>p{font-size:13px;color:var(--muted);margin-bottom:23px}
.component-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.component-shortcut{display:flex;align-items:center;gap:10px;border:1px solid white;background:#fff9fc;border-radius:19px;text-align:left;padding:15px 12px;min-height:74px;transition:background .2s,translate .2s}
.component-shortcut:hover{background:white;translate:0 -3px}.component-dot{width:12px;height:12px;background:var(--surface);border:1px solid var(--edge);border-radius:4px;rotate:-15deg;flex-shrink:0}
.component-shortcut strong{display:block;font-size:15px}.component-shortcut small{font-size:10px;display:block;line-height:1.6;margin-top:3px;color:var(--muted)}.component-shortcut>span:last-child{margin-left:auto;color:#a97a94}
.pending-component{width:100%;display:flex;align-items:center;gap:10px;padding:16px 13px;border:1px dashed #d9c2d3;border-radius:16px;background:#f9f2f8;color:#88687d;margin-top:13px;text-align:left;min-height:48px}
.pending-component strong{font-size:13px}.pending-component span{font-size:11px;line-height:1.5}.pending-component>span:last-child{margin-left:auto}
.structure-dialog{width:min(700px,calc(100% - 28px));max-width:none;padding:0;max-height:90svh;overscroll-behavior:contain;background:#fff9fc;border:2px solid white;border-radius:29px}
.structure-dialog[open]{animation:structure-lift .38s cubic-bezier(.2,.8,.2,1)}
body:has(dialog[open]){overflow:hidden}
.structure-dialog-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 15px;background:#fff7fbf5;backdrop-filter:blur(12px);border-bottom:1px solid #f1d9e6}
.structure-dialog-bar button{background:#f6e5f0;border-radius:12px;padding:11px 13px;min-height:42px;font-size:12px;color:#885375;flex-shrink:0}
.structure-dialog-bar>span{font-size:10px;color:#9b7a8c;line-height:1.5;text-align:center;overflow-wrap:anywhere}
.structure-dialog-bar button:last-child{font-size:24px;padding:2px;width:42px;background:transparent}
.structure-scene{padding:25px 30px 21px;animation:scene-focus .35s ease both}
.structure-node-heading h2{font-size:27px;line-height:1.5;margin:14px 0 4px}
.node-english{font-size:13px;color:#9b6785;margin:0 0 17px;line-height:1.5;overflow-wrap:anywhere}
.node-intro{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 15px}
.candidate-note{font-size:11px;line-height:1.8;padding:12px 14px;border-radius:13px;background:#fff0e5;color:#936b55;border:1px solid #f0d6c4}
.structure-scene .exploded-stage{margin-top:7px;margin-bottom:0}
.structure-scene .exploded-layer .layer-plate{height:105px}
.fpc-connector{display:flex;align-items:center;gap:14px;background:#fff6eb;border:1px solid #efdbbd;border-radius:16px;padding:14px 16px;width:100%;text-align:left}
.flex-circuit{display:block;width:41px;height:32px;border:2px solid #d2b07d;border-radius:4px 4px 9px 9px;background:repeating-linear-gradient(90deg,#f5dfb9 0 4px,#dbb980 4px 5px);flex-shrink:0;transform:skewY(-9deg)}
.fpc-connector strong{font-size:12px;display:block}.fpc-connector small{display:block;margin-top:5px;font-size:10px;color:#8d715a;line-height:1.6}.fpc-connector b{font-weight:400;margin-left:auto}
.single-component{height:180px;display:grid;place-items:center;perspective:700px;margin:12px 0 18px;border-radius:20px;background:radial-gradient(ellipse,var(--surface),transparent 65%)}
.single-plate{position:relative;width:65%;max-width:300px;height:150px;background:linear-gradient(135deg,var(--plate),var(--surface));border:2px solid var(--edge);border-radius:15px;transform:rotateX(47deg) rotateZ(-18deg);box-shadow:-3px 7px 0 var(--edge),-12px 22px 20px #76516820;display:grid;place-items:center;color:#76546e;font-size:19px;font-weight:700;animation:plate-reveal .5s var(--spring) both}
.single-plate:before{content:"";position:absolute;inset:13px;border:1px solid #ffffffd9;border-radius:8px}.single-plate i{position:absolute;left:28px;bottom:24px;width:25px;border-top:2px solid var(--edge)}
.node-observe{padding:18px;border-radius:18px;background:#f3edf8}.node-observe h3{font-size:13px;color:#815d96;margin-bottom:8px}.node-observe p{font-size:12px;color:var(--muted);margin:0;line-height:1.9}
.node-boundary{font-size:10px;line-height:1.8;color:#907286;margin:17px 0}
.structure-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px;padding-top:17px;border-top:1px dashed #e7ccdc}
.structure-bottom button{font-size:12px;color:#8a5678;background:#f6e6f0;min-height:43px;padding:11px 15px;border-radius:13px}
.structure-bottom span{font-size:10px;color:#9c7e90;max-width:130px;line-height:1.7;text-align:right}
.route-intro h2{font-size:23px;line-height:1.7;margin-bottom:8px}.route-intro p{font-size:13px;color:var(--muted);max-width:760px}
.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}
.route-card{position:relative;background:#fff9fc;border:2px solid white;border-radius:27px;padding:27px;overflow:hidden}
.route-card:nth-child(2){background:#f9f4fd}
.route-number{position:absolute;top:18px;right:22px;font-family:Georgia,serif;font-size:42px;color:#e1c3d7;font-style:italic}
.route-card h2{font-size:24px;margin:23px 0;line-height:1.6}.route-card>p{font-size:12px;color:var(--muted)}
.route-sequence{display:grid;grid-template-columns:1fr 20px 1fr;gap:7px;align-items:center;margin-bottom:21px}
.route-sequence>div{background:#ffeaf3;border:1px solid #f3ccdf;border-radius:17px;padding:16px 12px}
.route-card:nth-child(2) .route-sequence>div{background:#f0e8f8;border-color:#e2d3ed}
.route-sequence small{font-size:10px;color:#9c7890;display:block}.route-sequence strong{font-size:21px;display:block;margin:7px 0}.route-sequence div>span{font-size:10px;color:#916c81;display:block;line-height:1.6}
.sequence-arrow{text-align:center;color:#a37792}
.route-fields{margin:0}.route-fields>div{display:grid;grid-template-columns:86px 1fr;padding:13px 0;border-top:1px dashed #ecd6e3;font-size:12px;line-height:1.8}.route-fields dt{color:#9e6e8c}.route-fields dd{margin:0;color:var(--muted)}
.route-fill{margin-top:19px;padding:15px;border-radius:15px;background:#ffffffb0;font-size:11px}.route-fill strong{font-weight:600}.route-fill p{font-size:11px;color:var(--muted);margin:7px 0 0}
.line-intro{padding:25px 29px;border:1px solid #fff;background:#fff8fc;border-radius:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}
.line-intro h2{font-size:24px;margin:16px 0 9px;line-height:1.5}.line-intro p{font-size:12px;color:var(--muted);margin:0}
.line-count{font-family:Georgia,serif;font-size:70px;line-height:1;color:#dcaac7;font-style:italic;padding:5px 17px}.line-count small{display:block;font-size:9px;font-family:inherit;font-style:normal;letter-spacing:.24em;text-align:center;margin-top:11px}
.line-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}
.line-card{position:relative;background:#fffafd;border:2px solid white;border-radius:23px;padding:21px 18px;box-shadow:0 5px 0 #edbdd222;transition:translate .3s var(--spring),border-color .3s;overflow:hidden}
.line-card:hover{translate:0 -5px;border-color:#f1bed7}.line-number{display:block;font-size:30px;color:#d291b4;font-family:Georgia,serif;font-style:italic;margin-bottom:24px}
.line-card h2{font-size:17px;margin:0 0 7px}.line-card p{font-size:10px;line-height:1.8;margin:0 0 18px;color:var(--muted)}.line-card>div{display:flex;justify-content:space-between;gap:4px;font-size:10px;padding-top:12px;border-top:1px dashed #ecd0df;color:#a0718e;line-height:1.6}.line-card b{font-size:16px;font-weight:400}
.line-mini-art{display:flex;gap:4px;position:absolute;right:17px;top:32px;align-items:center;transform:rotate(-9deg);border-bottom:2px solid #dfc9d7;padding:0 1px 6px}
.line-mini-art i{display:block;width:12px;height:15px;border:1px solid #d8b8cd;background:#f5e6ef;border-radius:3px}
.line-mini-art i:nth-child(2){height:20px;background:#edddf2;border-color:#ceb5dc}
.back-to-lines{display:inline-flex;align-items:center;min-height:44px;color:#956781;font-size:12px;margin-bottom:14px}
.line-detail-card{background:#fff9fc;border:2px solid white;border-radius:27px;padding:28px;max-width:900px;margin:auto}
.line-detail-top{display:flex;gap:18px;align-items:center}.line-badge{font-size:37px;min-width:75px;height:80px;border-radius:20px;background:#f6e1ed;color:#bf83a4;font-family:Georgia,serif;font-style:italic;display:grid;place-items:center}
.line-detail-top h2{font-size:23px;margin:12px 0 0;line-height:1.5}
.line-metadata{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.line-metadata>div{padding:15px 18px;background:#f8eff5;border-radius:15px}.line-metadata dt{font-size:11px;color:#a17b90}.line-metadata dd{font-size:13px;margin:8px 0 0;line-height:1.7}
.line-empty{text-align:center;padding:32px 14px;border:1px dashed #e6c9db;border-radius:21px;background:#fffcfe}.empty-conveyor{font-size:34px;color:#d4b3cd;display:block;margin-bottom:16px}.line-empty h3{font-size:18px;line-height:1.7;margin-bottom:10px}.line-empty p{font-size:12px;color:var(--muted);margin:0}
.job-outline{margin:24px 0}.job-outline>strong{font-size:12px}.job-outline>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.job-outline span{font-size:12px;padding:13px;background:#f8eaf3;border-radius:13px;text-align:center;line-height:1.7}
.line-pagination{max-width:900px;margin:20px auto;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#976f88}.line-pagination a{padding:12px;min-height:44px}
.job-card{padding:20px;border:1px solid #ead4e2;border-radius:18px;margin:15px 0}.job-card>span{font-size:11px;color:#a47592}.job-card h3{margin-top:12px}.job-card p,.job-card dl{font-size:13px;color:var(--muted);line-height:1.9}.job-card dd{margin:0 0 12px}
@keyframes layer-unfold{from{opacity:0;translate:0 calc(var(--layer)*-28px + 20px);scale:.93}to{opacity:1;translate:0 0;scale:1}}
@keyframes structure-lift{from{opacity:0;transform:translateY(40px) scale(.94)}to{opacity:1;transform:none}}
@keyframes scene-focus{from{opacity:.45}to{opacity:1}}
@keyframes plate-reveal{from{opacity:0;translate:0 16px;scale:.85}to{opacity:1;translate:0 0;scale:1}}
@media(min-width:641px) and (max-width:1000px){
 .structure-overview{gap:22px;grid-template-columns:1.1fr 1fr}.structure-gallery{padding:23px 17px}.structure-guide>h2{font-size:24px}
 .line-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.structure-gallery h2{font-size:21px}.component-shortcuts{grid-template-columns:1fr}
}
@media(max-width:640px){
 .header-action{font-size:10px;padding:12px 3px;color:#927482}.brand small{letter-spacing:.08em}.brand .module-mark{width:29px;height:31px}.module-mark svg{width:29px;height:31px}
 .term-card .term-full-name{grid-column:2;font-size:12px;line-height:1.6;margin:0 0 8px}.term-card-top{grid-row:1/5}
 .product-tabs{width:100%;gap:4px;padding:4px;border-radius:17px;margin-bottom:20px}.product-tabs a{flex:1;padding:11px 6px;min-height:44px;font-size:12px;border-radius:13px}
 .structure-overview{grid-template-columns:1fr;gap:25px}.structure-gallery{padding:19px 17px 15px;border-radius:25px}
 .scene-caption{margin-bottom:15px;gap:8px}.scene-caption>span:first-child{font-size:8px;letter-spacing:.12em}
 .structure-gallery h2{font-size:22px;margin:8px 0 7px}.scene-subtitle{font-size:12px}
 .exploded-stage{height:calc(var(--layers)*73px + 25px);margin-top:13px}.exploded-layer{top:calc(var(--layer)*73px);height:80px}
 .exploded-layer .layer-plate{left:5%;top:5px;width:53%;height:94px;border-radius:10px}.plate-window{inset:14px 17px}.plate-tail{width:24px;right:-21px;height:22px}
 .layer-label{left:68%;top:20px}.layer-label strong{font-size:15px}.layer-label small{font-size:9px;margin-top:4px}.layer-label>span{font-size:9px;margin-top:5px}.layer-label:before{width:16px;right:calc(100% + 7px)}
 .scene-legend{font-size:9px;justify-content:flex-start;padding:8px 0 0}
 .structure-guide>h2{font-size:24px;line-height:1.5;margin:15px 0 11px}.structure-guide>h2 br{display:none}.structure-guide>p{font-size:13px;margin-bottom:16px}
 .component-shortcut{padding:14px 12px;min-height:70px;border-radius:17px}.component-shortcut small{font-size:10px}
 .structure-dialog{width:calc(100% - 20px);max-height:92svh;border-radius:24px}.structure-dialog-bar{padding:8px 10px}.structure-dialog-bar button{font-size:11px;padding:10px;min-height:42px}.structure-dialog-bar>span{font-size:9px}
 .structure-scene{padding:20px 18px 17px}.structure-node-heading h2{font-size:24px;margin-top:12px}.node-english{font-size:12px;margin-bottom:14px}
 .node-intro{font-size:12px;line-height:1.9}.candidate-note{font-size:10px;padding:10px 12px;line-height:1.85}
 .structure-scene .exploded-layer .layer-plate{height:91px}.structure-scene .exploded-stage{height:calc(var(--layers)*69px + 27px)}.structure-scene .exploded-layer{top:calc(var(--layer)*69px)}
 .structure-scene .layer-label strong{font-size:14px}.structure-scene .layer-label small{font-size:9px}
 .fpc-connector{padding:12px;gap:10px}.fpc-connector strong{font-size:12px}.fpc-connector small{font-size:10px}.flex-circuit{width:32px;height:28px}
 .pending-component{padding:13px 12px}.pending-component span{font-size:10px}.structure-bottom{margin-top:17px}.structure-bottom button{font-size:11px;padding:10px 12px}.structure-bottom span{font-size:9px}
 .single-component{height:158px;margin-top:5px}.single-plate{width:72%;height:134px;font-size:17px}.node-observe{padding:15px}.node-observe p{font-size:12px}
 .process-layout{margin-top:0}.process-list{display:flex;flex-direction:row;gap:9px}.process-tab{flex:1;min-height:64px}.process-tab strong{font-size:14px}
 .learning-flow{grid-template-columns:1fr;gap:14px}.learning-step{display:flex;align-items:center;gap:16px;font-size:13px;padding:15px}.learning-step span{margin:0;font-size:23px;flex-shrink:0}.learning-step:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-19px}
 .route-intro h2{font-size:21px;line-height:1.6}.route-intro p{font-size:12px}.route-grid{grid-template-columns:1fr;gap:18px;margin-top:21px}.route-card{padding:23px 20px}.route-card h2{font-size:23px;margin:21px 0}.route-number{font-size:36px;right:20px;top:17px}.route-sequence{gap:6px}
 .route-fields>div{grid-template-columns:80px 1fr;font-size:12px}.route-fill{font-size:11px}
 .line-intro{padding:23px 20px;gap:10px;margin-bottom:19px}.line-intro h2{font-size:21px;line-height:1.6}.line-intro p{font-size:12px}.line-count{display:none}.line-intro .eyebrow{font-size:10px}
 .line-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.line-card{padding:19px 15px;border-radius:21px}.line-number{font-size:30px;margin-bottom:20px}.line-card h2{font-size:17px}.line-card p{font-size:10px;margin-bottom:13px}.line-card>div{font-size:9px}.line-mini-art{right:14px;top:28px}.line-mini-art i{width:10px;height:13px}.line-mini-art i:nth-child(2){height:17px}
 .line-detail-card{padding:22px 17px;border-radius:25px}.line-detail-top{gap:12px}.line-badge{min-width:57px;height:68px;border-radius:16px;font-size:31px}.line-detail-top h2{font-size:20px;margin-top:10px}.line-detail-top .status{font-size:9px}
 .line-metadata{gap:9px;margin:20px 0}.line-metadata>div{padding:13px}.line-metadata dt{font-size:10px}.line-metadata dd{font-size:12px}
 .line-empty{padding:26px 15px}.line-empty h3{font-size:17px}.line-empty p{font-size:12px}.line-empty br{display:none}.job-outline>div{grid-template-columns:1fr 1fr;gap:8px}.job-outline span{font-size:11px;padding:12px 8px}
 .line-pagination{font-size:11px}.line-pagination a{padding:12px 2px}
}
@media(max-width:370px){
 .product-tabs a{font-size:11px;padding-inline:4px}.structure-gallery{padding:17px 13px}.structure-gallery h2{font-size:20px}.layer-label strong{font-size:14px}
 .exploded-layer .layer-plate{height:83px;top:8px}.layer-label small{font-size:8px}.layer-label>span{font-size:8px}.layer-label:before{width:12px}
 .structure-scene{padding:18px 14px}.structure-scene .exploded-layer .layer-plate{height:80px}.structure-scene .layer-label strong{font-size:12px}.structure-scene .layer-label small{font-size:8px}
 .structure-node-heading h2{font-size:22px}.structure-dialog-bar>span{max-width:96px}.line-card{padding:18px 12px}.line-mini-art{right:12px}.line-mini-art i{width:8px}.line-card p{font-size:9px}.line-card>div{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 .exploded-layer,.structure-scene,.single-plate{opacity:1;translate:none;scale:none}
 .structure-dialog[open]{transform:none}.exploded-layer:hover .layer-plate,.line-card:hover,.component-shortcut:hover{translate:none}
}
/* Animate artwork, not the hit target: fast taps stay aligned during layer changes. */
.exploded-layer{animation:none}
.exploded-layer .layer-plate{animation:layer-artwork .55s var(--spring) calc(var(--layer)*.07s) both}
@keyframes layer-artwork{from{opacity:0;translate:0 calc(var(--layer)*-15px + 12px);scale:.94}to{opacity:1;translate:0 0;scale:1}}
@media(prefers-reduced-motion:reduce){.exploded-layer .layer-plate{animation:none;translate:none;scale:none}}
.structure-glossary{display:flex;align-items:center;min-height:44px;margin-top:15px;font-size:12px;color:#965879;line-height:1.8}
.unconfirmed-structure{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:25px 14px;border:1px dashed #d7bfd2;border-radius:20px;background:#f8f0f7;margin:18px 0 22px;text-align:center}
.unconfirmed-structure>span{width:51px;height:51px;display:grid;place-items:center;border:1px dashed #c4a9c0;border-radius:14px;font:italic 32px Georgia,serif;color:#b08baa;background:#fff9fe}
.unconfirmed-structure strong{font-size:14px;color:#87617e}.unconfirmed-structure small{font-size:11px;line-height:1.7;color:#97798c}
.component-fpc .single-plate{height:77px;width:62%;border-radius:9px;background:repeating-linear-gradient(0deg,#f3d8a4 0 7px,#d6b172 7px 8px);color:#856038;box-shadow:-2px 3px 0 #c6a46c,-10px 16px 20px #76516818}
.component-fpc .single-plate:after{content:"";position:absolute;right:-22px;top:11px;bottom:11px;width:23px;border:1px solid #c3a16a;border-radius:0 3px 3px 0;background:repeating-linear-gradient(0deg,#cda957 0 3px,#fae8c4 3px 5px)}
.component-fpc .single-plate:before{inset:7px;border-color:#e6c78c}.component-fpc .single-plate span{background:#f7e0b8c9;padding:6px 12px;border-radius:6px}
/* Learning toolbox: quiet, readable cards; interactions work without extra libraries. */
.journey-learn .chapter-art{background:linear-gradient(140deg,#f0e9fc,#ffe6ef)}
.journey-learn .chapter-icon{background:#f9f3ff;color:#ad7aae}
.filter-group{flex-wrap:wrap}
.learning-intro{padding:30px;border:2px solid #fff;border-radius:28px;background:linear-gradient(125deg,#fff5fa,#f4efff);box-shadow:var(--shadow)}
.learning-intro h2{font-size:30px;line-height:1.5;margin:14px 0}
.learning-intro>p{font-size:14px;color:var(--muted);line-height:1.9}
.method-path{display:flex;align-items:center;gap:13px;margin:24px 0 18px}
.method-path a{flex:1;padding:18px 12px;border-radius:18px;background:#fffafdf2;border:1px solid #efdaeb;min-width:0}
.method-path small,.method-path strong{display:block;text-align:center}.method-path small{font-size:12px;color:var(--muted);margin-bottom:7px}.method-path strong{font-size:19px;color:#935878}
.method-path>span{color:#b882a1}.learning-intro .method-path-note{font-size:12px;margin-bottom:0}
.learning-safety{padding:16px 20px;border-left:3px solid #d9b6c9;background:#fff6f9;border-radius:4px 16px 16px 4px;font-size:13px;color:#8b6278;line-height:1.9;margin:23px 0 30px}
.method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.method-card{position:relative;border:2px solid #fff;border-radius:25px;background:#fff9fc;padding:25px;min-width:0;display:flex;flex-direction:column;transition:translate .2s,box-shadow .2s}
.method-card:hover{translate:0 -3px;box-shadow:var(--shadow)}.method-card h2{font-size:21px;margin:17px 0 8px;line-height:1.5}
.method-card p{font-size:13px;color:var(--muted);line-height:1.9;margin:10px 0}
.method-card .method-en,.method-en{font-size:12px;color:#85526e;line-height:1.8;overflow-wrap:anywhere}
.method-tag{font-size:11px;align-self:start;padding:6px 11px;border-radius:10px;color:#925272;background:#f8e5f0}
.method-symbol{position:absolute;right:24px;top:20px;color:#bc94b4;font-size:19px;font-weight:700;font-style:italic}
.method-open{border-top:1px dashed #edd8e4;padding-top:15px;margin-top:auto;font-size:12px;color:#a36a8a;display:flex;justify-content:space-between;gap:12px;line-height:1.7}
.management-heading{margin-top:36px}
.method-detail{background:#fffafd;border:2px solid #fff;border-radius:29px;padding:32px;max-width:900px;margin:0 auto}
.method-detail-heading h2{font-size:29px;line-height:1.5;margin:19px 0 5px}.method-detail-heading>p:last-child{color:var(--muted);font-size:15px;line-height:1.9}
.method-purpose{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}.method-purpose>div{padding:20px;border-radius:17px;background:#f9edf5}
.method-detail h3{font-size:15px;line-height:1.7;margin:0 0 9px}.method-purpose p,.method-steps p,.method-example p,.method-caution p,.site-confirmation li{font-size:14px;line-height:1.95;color:#896579;margin:0}
.method-steps{margin:30px 0}.method-steps>h2,.method-example>h2{font-size:23px;line-height:1.6;margin:14px 0}
.method-steps ol{padding:0;list-style:none;counter-reset:method-step;display:grid;gap:13px}
.method-steps li{position:relative;padding:18px 18px 18px 61px;border:1px solid #f1deea;border-radius:17px;counter-increment:method-step}
.method-steps li:before{content:counter(method-step,decimal-leading-zero);position:absolute;left:17px;top:16px;color:#b58ba6;font:italic 22px Georgia,serif}
.method-example{border-top:1px dashed #e7c9dc;padding-top:25px;margin:28px 0}.method-example>.status{white-space:normal;line-height:1.7;display:inline-block}
.fishbone-head{margin:22px 0 0;padding:18px;background:#efddea;border:1px solid #e8c7dc;border-radius:17px;text-align:center}
.fishbone-head span{display:block;font-size:11px;color:#946582;margin-bottom:7px}.fishbone-head strong{font-size:16px;line-height:1.7}
.fishbone-map{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:17px 30px;padding:25px 0;margin-bottom:12px}
.fishbone-map:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#e4bfd4}
.fishbone-branch{position:relative;z-index:1;border:1px solid #ebcfe0;background:#fff5fa;border-radius:16px;align-self:start;min-width:0}
.fishbone-branch:after{content:"";position:absolute;top:29px;width:15px;height:2px;background:#e4bfd4;right:-16px}.fishbone-branch:nth-child(even):after{right:auto;left:-16px}
.fishbone-branch summary,.why-chain summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;min-height:54px;padding:13px 16px}
.fishbone-branch summary::-webkit-details-marker,.why-chain summary::-webkit-details-marker{display:none}
.fishbone-branch summary strong{font-size:22px;color:#9d6688}.fishbone-branch summary span{font-size:12px;color:#926f85}.fishbone-branch summary i,.why-chain summary i{margin-left:auto;font-style:normal;color:#ae829e}
.fishbone-branch[open] summary i,.why-chain details[open] summary i{transform:rotate(45deg)}.fishbone-branch[open] summary{border-bottom:1px dashed #ead1df}
.fishbone-branch>div{padding:16px}.fishbone-branch h3{font-size:13px;margin:8px 0}.fishbone-branch p{font-size:13px}
.evidence-tag{display:inline-block;margin-top:12px;padding:5px 9px;background:#f0e9f8;border-radius:8px;font-size:11px;color:#82668b;line-height:1.7}
.why-chain{display:grid;gap:13px;margin:22px 0}.why-chain details{border:1px solid #e8d5e7;border-radius:18px;background:#fbf5ff}
.why-chain summary{font-size:14px;line-height:1.8}.why-number{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;background:#eedff2;color:#926b9b;border-radius:10px;font:italic 18px Georgia,serif}
.why-chain details>div{padding:0 20px 20px}.why-chain .evidence-tag{margin:0 0 9px}.why-chain h3{margin-top:14px;font-size:12px;color:#9c758a}
.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:21px 0}.question-grid article{padding:20px;border:1px solid #e8dcdf;border-radius:18px;background:#fff8f6}
.question-grid article>span{font-size:12px;color:#ae7b85;display:block;margin-bottom:9px;overflow-wrap:anywhere}
.example-end,.site-confirmation{padding:20px;background:#f8edf4;border-radius:18px;margin:20px 0}.example-end strong{font-size:15px;line-height:1.8}.example-end p{margin-top:8px}
.site-confirmation ul{padding-left:20px;margin:0 0 10px}
.pdca-demo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:20px 0}.pdca-demo article{padding:21px;background:#f9eef3;border:1px solid #ecd8e1;border-radius:18px}.pdca-demo article>span{font:italic 30px Georgia,serif;color:#bb8fa4;display:block;margin-bottom:12px}
.method-caution{padding:20px;border-left:3px solid #cca1b7;border-radius:4px 17px 17px 4px;background:#f9ecf2}.method-caution h3{color:#955573}
.method-links{margin:28px 0}.method-links a{display:block;min-height:44px;padding:10px 0;font-size:13px;color:#925472;line-height:1.8}
.method-source{border-top:1px dashed #e3ccdb;padding-top:20px;display:grid;gap:8px}.method-source strong{font-size:12px;color:#987489}.method-source a{font-size:13px;color:#8d5e80;line-height:1.8;overflow-wrap:anywhere}.method-source p,.method-small,.method-example .method-small{font-size:12px;color:#9a7b8d;line-height:1.9}
summary:focus-visible{outline:3px solid #c58fb2;outline-offset:3px;border-radius:14px}
@media(min-width:641px){.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-art{height:160px}.chapter-copy p{min-height:45px}}
@media(max-width:1000px) and (min-width:641px){.site-header{flex-wrap:wrap}.site-header nav{order:3;width:100%;justify-content:center}.header-action{margin-left:auto}}
@media(max-width:640px){
 .site-header nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:2px}.site-header nav a{font-size:10px;padding:10px 2px;line-height:1.5}
 .filter-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.filter-group button{font-size:12px}
 .learning-intro{padding:22px 18px;border-radius:23px}.learning-intro h2{font-size:25px}.learning-intro>p{font-size:13px}
 .method-path{display:grid;grid-template-columns:1fr 1fr;gap:11px}.method-path>span{display:none}.method-path a{padding:14px 10px}
 .learning-safety{font-size:12px;padding:15px}.method-grid{grid-template-columns:1fr;gap:14px}.method-card{padding:22px}.method-card h2{font-size:21px}
 .method-detail{padding:22px 17px;border-radius:23px}.method-detail-heading h2{font-size:24px}.method-purpose{grid-template-columns:1fr;gap:11px}
 .method-steps>h2,.method-example>h2{font-size:21px}.method-purpose>div{padding:17px}
 .fishbone-map{grid-template-columns:1fr;padding-left:16px;gap:13px}.fishbone-map:before{left:0}
 .fishbone-branch:after,.fishbone-branch:nth-child(even):after{right:auto;left:-17px;width:16px}
 .fishbone-branch summary{padding:13px 15px;gap:11px}.fishbone-branch summary strong{font-size:20px}.fishbone-branch summary span{font-size:12px}.fishbone-branch>div{padding:15px}
 .question-grid,.pdca-demo{grid-template-columns:1fr}.why-chain summary{padding:13px 12px;gap:9px}.why-chain details>div{padding:0 15px 17px}
 .method-steps li{padding-left:49px}.method-steps li:before{left:12px;font-size:20px}
}
@media(max-width:350px){.fishbone-map{grid-template-columns:1fr;padding-left:13px}.fishbone-map:before{left:0}.fishbone-branch:after,.fishbone-branch:nth-child(even):after{right:auto;left:-14px;width:13px}.method-card h2{font-size:19px}}
@media(max-width:640px){
 .search-form input{font-size:16px}.search-form input::placeholder{font-size:12px}.search-form button{font-size:12px}
 .site-header nav a,.filter-group button{min-height:44px}
 .structure-glossary{font-size:11px}
 .page-heading{padding:22px 0 20px}.page-heading .eyebrow{display:none}.page-heading .breadcrumb{font-size:11px;margin-bottom:13px}.page-heading h1{margin:10px 0}
}
/* First visit: workshop, people, then the handbook. Uniform fills are illustrative. */
.intro-hero,.teams-hero{padding:45px 0 26px;max-width:850px}
.intro-step{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin-bottom:20px}
.intro-step>span{font:italic 22px Georgia,serif;background:#fff7fb;border:1px solid #f1cadc;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:#ac6484}
.intro-hero h1,.teams-hero h1{font-size:clamp(27px,3.2vw,42px);line-height:1.45;margin-bottom:15px;letter-spacing:-.045em}
.intro-role{font-size:22px;font-weight:700;margin-bottom:10px}.intro-summary,.teams-hero>p{font-size:15px;color:var(--muted);max-width:680px}
.intro-keywords{display:flex;align-items:center;gap:11px;margin-top:22px;font-size:12px}.intro-keywords>span{padding:9px 13px;background:#fff9fc;border:1px solid #f2cbdc;border-radius:11px}.intro-keywords i{font-style:normal;color:#bd82a0}
.supply-section{margin-top:18px}.supply-flow{display:grid;grid-template-columns:minmax(0,1.7fr) 25px minmax(0,1fr) 25px minmax(0,.9fr);gap:12px;align-items:stretch}
.supply-flow h3{font-size:15px;line-height:1.6;margin:0 0 18px;display:flex;gap:9px;align-items:center}.supply-flow h3>span{font:italic 20px Georgia,serif;color:#b1839a}
.supply-inputs,.supply-workshop,.supply-output{padding:21px 18px;border:1px solid #fff;border-radius:24px;background:#ffffff93;min-width:0}
.supply-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.supply-material{text-align:left;padding:16px 12px;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;border:1px solid #ecd6e0;background:#fff9fc;transition:box-shadow .2s}
.supply-material:hover{box-shadow:0 6px 17px #a5608a16}.supply-material.tone-mint{background:#f1f8f5;border-color:#d5e9e1}.supply-material.tone-lavender{background:#f7f1fc;border-color:#e3d5ef}.supply-material.tone-peach{background:#fff6ed;border-color:#efdfcc}
.supply-origin{font-size:10px;color:var(--muted);margin-bottom:12px}.supply-material-name{display:grid;gap:4px;margin-bottom:9px}.supply-material-name>strong{font-size:22px}.supply-material-name>span{font-size:11px}
.supply-en{font-size:10px;line-height:1.7;min-height:33px;overflow-wrap:anywhere;color:#7d6475}.supply-source{font-size:11px;line-height:1.8;margin:8px 0}.supply-more{display:flex;gap:10px;align-items:center;font-size:10px;margin-top:auto;color:#915775}
.supply-etc{grid-column:1/-1;margin:0;font-size:10px;color:var(--muted)}.supply-arrow{align-self:center;font-size:25px;color:#b88aa2}
.supply-workshop,.supply-output{display:flex;flex-direction:column;align-items:center;text-align:center}.supply-workshop h3,.supply-output h3{align-self:flex-start;text-align:left}
.workshop-drawing{width:100%;max-width:220px;margin:28px 0 22px}.workshop-drawing svg{width:100%;stroke:#b47d9c;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.drawing-hall{fill:#f8e5ef}.drawing-door{fill:#fff9fc}.drawing-machine{fill:#e7dff0}.drawing-belt{fill:#ffe9f1}.drawing-rollers{stroke-dasharray:2 4}.drawing-spark{stroke:#d3a780}
.supply-workshop>strong,.supply-output>strong{font-size:18px;line-height:1.8}.supply-workshop>p,.supply-output>p{font-size:12px;color:var(--muted);margin:12px 0 22px}.supply-workshop>a,.supply-output>a{font-size:11px;line-height:1.8;color:#99516f;margin-top:auto;padding:8px 0}
.finished-module{width:130px;height:140px;position:relative;margin:36px 0 19px;perspective:500px}.finished-module i,.finished-module>span{position:absolute;inset:14px 20px;border:2px solid #be9bb3;border-radius:12px;transform:rotateY(-19deg) rotateZ(13deg);background:linear-gradient(140deg,#efe6f2,#fff8fc);box-shadow:6px 7px 0 #dbc7d5}.finished-module>span{inset:25px 28px;background:linear-gradient(140deg,#aab5c7,#efd5e6);border:1px solid #f6ebf3;box-shadow:none}.finished-module:after{content:"";position:absolute;bottom:0;left:20px;width:100px;height:8px;background:#c79bb52b;border-radius:50%;filter:blur(3px)}
.intro-boundary,.team-data-note{font-size:11px;line-height:1.9;color:var(--muted);margin:20px 0}
.intro-next{margin:32px 0 18px;padding:27px 29px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:23px;background:#fff7fb;border:1px solid #f2cada}
.intro-next h2{font-size:21px;margin:0 0 10px;line-height:1.5}.intro-next p{font-size:12px;margin:0;color:var(--muted)}.intro-continue{white-space:nowrap;font-size:13px;min-height:46px}
.intro-actions{display:flex;flex-direction:column;align-items:center;gap:9px}.intro-skip{font-size:11px;padding:9px;color:var(--muted)}
.intro-pending{font-size:12px;color:var(--muted)}.intro-pending summary{cursor:pointer;padding:14px 0}.intro-pending p{padding:14px 18px;background:#ffffff7a;border-radius:14px}
.orientation-links{display:flex;align-items:center;gap:14px;margin:4px 0 27px;font-size:12px;flex-wrap:wrap}.orientation-links>span{color:var(--muted);font-size:11px}.orientation-links>a{display:flex;align-items:center;gap:10px;padding:15px 18px;border:1px solid #eed0df;border-radius:15px;background:#fff8fc;min-height:48px;flex:1}.orientation-links b{font:italic 20px Georgia,serif;color:#ad7b98}.orientation-links i{font-style:normal;margin-left:auto}
.teams-evidence{font-size:12px;line-height:1.8;color:#925874}.teams-evidence>span{padding:0 8px}
.uniform-note{padding:17px 20px;background:#ffffff90;border-radius:16px;font-size:12px;color:var(--muted);line-height:1.9}.uniform-note strong{color:var(--ink)}
.team-section{margin:30px 0}.team-section-number{font:italic 16px Georgia,serif;color:#aa8197}
.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.team-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border-radius:22px;background:#fffbfd;border:1px solid #f1d4e1;padding:21px 20px 18px;transition:border-color .2s,box-shadow .2s}
.team-card:hover{border-color:#d596b5;box-shadow:0 9px 22px #b5699220}.team-pending{border-style:dashed}
.uniform-art{width:130px;max-width:100%;align-self:center;margin:0 0 13px}.uniform-art svg{width:100%;stroke:#8b7583;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.uniform-shadow{fill:#c29ab527;stroke:none}.uniform-body{fill:var(--uniform)}.uniform-seam{stroke:#ffffff8c;stroke-width:1.4}.uniform-collar{fill:#d9ced6;stroke-width:1.1}.is-unknown .uniform-body{stroke-dasharray:5 4}.is-unknown text{fill:#9a7b91;stroke:none;font:27px Georgia,serif}
.team-card:first-child .uniform-seam,.is-unknown .uniform-seam{stroke:#c9bbc6}.team-kind{font-size:10px;color:var(--muted);display:block;margin-bottom:7px}.team-card h3{font-size:19px;line-height:1.5;margin-bottom:8px}
.uniform-label{display:inline-block;font-size:11px;line-height:1.7;padding:4px 9px;border:1px solid #eddae4;background:#f9eef5;border-radius:8px;color:#785266}
.team-card p{font-size:12px;color:var(--muted);margin:13px 0 20px}.team-open{display:flex;gap:6px;justify-content:space-between;width:100%;margin-top:auto;font-size:11px;border-top:1px dashed #e9d6e1;padding-top:13px}.team-open b{font-weight:400;color:#b26e90}
.uniform-comparison{display:flex;gap:25px;align-items:center;padding:24px;background:#faf3fa;border:1px solid #e9d4e3;border-radius:22px;margin:26px 0}.uniform-comparison>div:first-child{flex:1}.uniform-comparison strong{font-size:15px}.uniform-comparison p{font-size:12px;color:var(--muted);margin:10px 0 0}
.uniform-swatches{display:flex;gap:17px}.uniform-swatches>a{display:flex;flex-direction:column;align-items:center;font-size:10px;padding:6px;gap:6px}.uniform-swatches i{width:35px;height:35px;border-radius:12px;border:1px solid #77646e33}.uniform-swatches strong{font-size:11px}.uniform-swatches span{font-size:10px}
.team-breadcrumb{margin:30px 0 20px;flex-wrap:wrap;line-height:1.8}
.team-detail{padding:34px;background:#fffbfd;border:1px solid #f0d6e3;border-radius:27px}.team-detail-hero{display:flex;align-items:center;gap:30px;border-bottom:1px dashed #e6ccda;padding-bottom:24px;margin-bottom:27px}.team-detail-hero .uniform-art{width:150px;flex-shrink:0;margin:0;background:#fff0f7;border-radius:20px;padding:10px}.team-detail-hero h1{font-size:32px;margin-bottom:12px}.team-detail-hero p{font-size:14px;margin:12px 0 0;color:var(--muted)}
.team-detail h2{font-size:21px;margin-bottom:16px}.team-clothing-info{padding:22px;background:#f8eef5;border-radius:18px;margin-bottom:26px}.team-clothing-info h2{font-size:17px;margin-bottom:9px}.team-clothing-info p{font-size:14px;margin:0 0 9px}.team-detail small{font-size:11px;line-height:1.9;display:block;color:var(--muted)}
.team-detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.team-reference{display:block;font-size:10px;color:var(--muted);margin-bottom:12px;line-height:1.8}
.team-duties{list-style:none;padding:0;margin:0;counter-reset:duty}.team-duties li{font-size:13px;line-height:1.9;padding:11px 0 11px 29px;position:relative;counter-increment:duty}.team-duties li:before{content:counter(duty,decimal-leading-zero);position:absolute;left:0;top:11px;font:italic 18px Georgia,serif;color:#b789a0}
.team-topics{padding:22px;border:1px solid #ead9e4;border-radius:18px;background:#faf6fc}.team-topics h2{font-size:17px}.team-topics p{font-size:13px;display:flex;gap:12px}.team-topics p>span{font:italic 20px Georgia,serif;color:#ab86a4;flex-shrink:0}
.team-boundary{margin:25px 0;padding:19px;border-left:3px solid #cea5bb;background:#f9edf4;border-radius:3px 17px 17px 3px;font-size:13px}.team-boundary p{font-size:12px;margin:8px 0 0;color:var(--muted)}
.team-people{border:1px dashed #dcc2d2;border-radius:20px;padding:22px;margin:25px 0;background:#fff9fc}.team-people p{font-size:13px;color:var(--muted)}.profile-fields{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.profile-fields>span{font-size:11px;background:#f3e8f1;border-radius:8px;padding:7px 11px}.team-related>a{display:block;padding:12px 0;font-size:12px;color:#8a5173;line-height:1.8}
.team-detail-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:30px}.team-detail-nav>a{font-size:12px}
@media(max-width:1000px){
 .supply-flow{grid-template-columns:1fr}.supply-arrow{justify-self:center;transform:rotate(90deg);line-height:1}
 .supply-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.supply-workshop,.supply-output{padding:24px}.workshop-drawing{margin:4px 0 14px}.finished-module{margin:8px 0 20px}
 .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .intro-hero,.teams-hero{padding:25px 0 15px}.intro-step{font-size:10px;margin-bottom:15px;gap:9px}.intro-step>span{width:29px;height:29px;font-size:18px}
 .intro-hero h1,.teams-hero h1{font-size:27px}.intro-role{font-size:17px;line-height:1.8}.intro-summary,.teams-hero>p{font-size:13px}
 .intro-keywords{gap:6px;justify-content:space-between;font-size:10px}.intro-keywords>span{padding:8px 9px}.supply-section .section-head h2{font-size:22px;line-height:1.6}.supply-section .section-intro{font-size:12px}
 .supply-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.supply-inputs{padding:19px 13px}.supply-material{padding:14px 11px}.supply-material-name>strong{font-size:21px}
 .intro-next{padding:22px 18px;flex-direction:column;align-items:stretch;gap:20px}.intro-next h2{font-size:20px}.intro-actions{align-items:stretch;text-align:center}.intro-continue{display:flex;justify-content:space-between;white-space:normal}
 .orientation-links{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:21px}.orientation-links>a{font-size:12px;padding:13px 15px}
 .teams-evidence{font-size:11px}.uniform-note{font-size:11px;padding:14px 16px}
 .team-section .section-head h2{font-size:23px}.team-section .section-intro{font-size:12px}.team-section-number{font-size:12px}
 .team-grid{gap:11px}.team-card{padding:17px 13px 14px;border-radius:18px}.uniform-art{width:105px;margin-bottom:10px}
 .team-card h3{font-size:17px}.team-kind{font-size:9px}.uniform-label{font-size:10px;padding:3px 7px}.team-card p{font-size:11px;margin:12px 0 17px}.team-open{font-size:10px;padding-top:12px}
 .uniform-comparison{flex-direction:column;align-items:stretch;padding:20px;gap:16px}.uniform-swatches{justify-content:space-between;gap:6px}
 .team-breadcrumb{font-size:10px;margin-top:20px}.team-detail{padding:20px 16px;border-radius:23px}
 .team-detail-hero{gap:17px;padding-bottom:20px;margin-bottom:20px}.team-detail-hero .uniform-art{width:96px;padding:5px}.team-detail-hero h1{font-size:24px;line-height:1.4}.team-detail-hero p{font-size:12px}
 .team-detail-grid{grid-template-columns:1fr;gap:20px}.team-detail h2{font-size:20px}.team-clothing-info,.team-topics,.team-people{padding:18px}.team-clothing-info p{font-size:13px}.team-clothing-info h2,.team-topics h2{font-size:17px}
 .team-detail-nav{flex-direction:column;align-items:stretch;text-align:center}.team-detail-nav>a{min-height:44px;display:flex;align-items:center;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.supply-material,.team-card{transition:none}}
/* Material flow: explicit branches, with unconfirmed connections left open. */
.station-intro,.flow-intro{margin:22px 0;padding:24px 27px;border:1px solid #efd2e0;border-radius:22px;background:#fff8fc}
.station-intro h2,.flow-intro h2{font-size:26px;line-height:1.5;margin-bottom:12px}.station-intro p,.flow-intro p{font-size:13px;color:var(--muted);margin:0}
.flow-evidence{display:block;font-size:10px;line-height:1.8;color:#86677e;margin-bottom:10px}
.station-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.station-card{display:flex;flex-direction:column;background:#fffbfd;border:1px solid #eed6e3;border-radius:19px;padding:22px;min-width:0;transition:border-color .2s}.station-card:hover{border-color:#c594af}
.station-card>span{font-size:10px;color:var(--muted);margin-bottom:11px}.station-card h3{font-size:20px;line-height:1.6;margin:0 0 9px}.station-card p{font-size:12px;color:var(--muted)}.station-card b{font-size:11px;font-weight:400;color:#945a7a;margin-top:auto;padding-top:9px}
.station-en,.station-card .station-en{font-size:11px;color:#8f6d86;margin-top:-2px;overflow-wrap:anywhere}
.station-detail{border:1px solid #ecd5e1;border-radius:23px;padding:29px;background:#fffbfd}.station-detail>h2{font-size:29px;line-height:1.5;margin-top:22px}
.station-detail>section{margin:23px 0}.station-detail h3{font-size:18px}.station-detail p{font-size:14px;line-height:1.9;margin:0}.station-detail small{display:block;font-size:11px;line-height:1.9;color:var(--muted);margin-top:10px}
.station-known{background:#f2f7f5;padding:20px;border-radius:17px}.station-open-question{padding:20px;background:#faf2f9;border:1px dashed #dfc7d9;border-radius:17px}.station-detail-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:26px}.station-detail-actions>a,.station-detail-actions>button{font-size:12px;min-height:44px}
.flow-switch{display:flex;border:1px solid #e9cede;border-radius:15px;padding:5px;background:#fff7fc;gap:7px;margin-bottom:26px;max-width:530px}.flow-switch>a{flex:1;text-align:center;font-size:13px;padding:13px 11px;border-radius:11px}.flow-switch .active{background:#b67194;color:#fff}
.normal-map,.recovery-map{border:1px solid #eed2e0;border-radius:23px;padding:28px;background:#fffbfd}.normal-map>h2,.recovery-map>h2{font-size:23px;line-height:1.6;margin-bottom:22px}
.normal-chain{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;gap:18px;margin:0 0 23px}.normal-chain>li{display:flex;min-width:0}.normal-chain .flow-stop{flex-direction:column;align-items:flex-start;width:100%;height:100%;gap:13px}.normal-chain .flow-stop>b{align-self:flex-end;margin-top:auto}
.flow-stop{display:flex;align-items:flex-start;gap:15px;padding:20px;border:1px solid #e7d5e2;border-radius:17px;background:#faf5fb;min-width:0}.flow-stop:hover{border-color:#be89a9}.flow-stop-number{font:italic 24px Georgia,serif;flex-shrink:0;color:#ad7f9c}.flow-stop>div{flex:1;min-width:0}.flow-stop strong{display:block;font-size:17px;line-height:1.6}.flow-stop small{display:block;font-size:12px;color:var(--muted);line-height:1.9;margin-top:7px}.flow-stop>b{font-size:14px;font-weight:400;color:#a77795}
.flow-unresolved{padding:18px;border:1px dashed #dbbad0;background:#fff9fc;border-radius:15px;font-size:12px;line-height:1.9;color:var(--muted)}.flow-unresolved strong{display:block;font-size:13px;color:#8a5676;font-weight:500;margin-top:4px}
.flow-unplaced{margin:24px 0;padding:25px;border-radius:23px;border:1px dashed #dab8cf;background:#fbf3fa}.flow-unplaced h2{font-size:21px;margin:8px 0 12px}.flow-unplaced p{font-size:12px;color:var(--muted)}.flow-unplaced>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:14px}.flow-unplaced .station-card{padding:18px}.flow-unplaced .station-card h3{font-size:19px}
.flow-branch-link{display:block;padding:22px 25px;background:#f3e4f0;border:1px solid #e0c6d9;border-radius:18px}.flow-branch-link>span{font-size:11px;display:block;color:var(--muted);margin-bottom:9px}.flow-branch-link>strong{font-size:17px;line-height:1.9;display:flex;justify-content:space-between;gap:15px}
.flow-boundary{font-size:11px;color:var(--muted);margin:23px 0 13px}.flow-question-link{font-size:12px;color:#915775;padding:12px 0;display:inline-block}
.flow-start{background:#f7e8ed;border:1px solid #e6bdce;border-radius:16px;padding:17px 20px;font-size:17px;font-weight:700}.flow-start small{font-weight:400;font-size:11px;display:block;margin-top:8px;color:var(--muted)}.flow-down{text-align:center;font-size:23px;color:#b58da4;line-height:1.7}
.recovery-branches{display:grid;grid-template-columns:1fr 1.7fr;gap:22px;margin-top:22px;padding-top:24px;border-top:1px dashed #d9bacd}
.return-good,.to-rework{min-width:0;padding:20px;border-radius:19px;border:1px solid #dce6e1;background:#f4f9f6}.to-rework{border-color:#ead6e2;background:#fff5f9}.branch-label{display:block;font-size:12px;color:#80667a;margin-bottom:18px}.return-good h3{font-size:21px}.return-good p{font-size:13px;color:var(--muted)}
.rework-chain{display:grid;gap:28px}.rework-chain .flow-stop{position:relative;background:#fffbfe}.rework-chain .flow-stop:not(:last-child):after{content:"↓";position:absolute;top:100%;left:50%;line-height:28px;font-size:20px;color:#b287a0}
.sampling-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:21px}.sampling-outcomes>div{padding:17px 13px;border-radius:14px;border:1px solid #d6e3dc;background:#edf6f1}.sampling-outcomes .sample-pending{background:#f9eef1;border-color:#e4cbd5}.sampling-outcomes strong{font-size:14px}.sampling-outcomes p{font-size:12px;margin:8px 0}.sampling-outcomes small{display:block;font-size:11px;line-height:1.9;color:var(--muted)}
.flow-gate{margin:23px 0 0;border-left:3px solid #b59aac;border-radius:3px 15px 15px 3px;background:#f1eaf0;padding:19px}.flow-gate strong{font-size:15px}.flow-gate p{font-size:12px;color:var(--muted);margin:9px 0 0}
.pending-register{background:#fff8fc;padding:27px;border:1px solid #edcddd;border-radius:23px;margin:5px 0 30px}.pending-register h2{font-size:24px;line-height:1.6}.pending-register ol{list-style:none;counter-reset:pending;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:0}.pending-register li{counter-increment:pending;position:relative;padding:20px 18px 18px 48px;background:#f6edf5;border-radius:17px;scroll-margin-top:150px}.pending-register li:before{content:counter(pending,decimal-leading-zero);position:absolute;left:16px;top:19px;font:italic 22px Georgia,serif;color:#b289a4}.pending-register li>strong{font-size:15px}.pending-register li>p{font-size:12px;line-height:1.9;color:var(--muted);margin:9px 0 0}
@media(min-width:641px){.journey-flow{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr}.journey-flow .chapter-art{height:100%;min-height:200px}.journey-flow .chapter-copy{padding:27px 33px}.journey-flow .chapter-copy p{min-height:0}}
@media(max-width:1000px){.station-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.recovery-branches{grid-template-columns:1fr 1.4fr;gap:15px}.return-good,.to-rework{padding:17px}}
@media(max-width:640px){
 .station-tabs{font-size:11px}.station-tabs>a{padding:12px 7px;font-size:11px}.station-intro,.flow-intro{padding:20px 17px}.station-intro h2,.flow-intro h2{font-size:23px}.station-intro p,.flow-intro p{font-size:12px}
 .station-catalog{grid-template-columns:1fr;gap:12px}.station-card{padding:21px}.station-card h3{font-size:20px}
 .station-detail{padding:21px 17px}.station-detail>h2{font-size:26px}.station-detail p{font-size:13px}.station-known,.station-open-question{padding:17px}
 .station-detail-actions{flex-direction:column;align-items:stretch;text-align:center}.station-detail-actions>a{display:flex;align-items:center;justify-content:center}
 .flow-switch{gap:4px}.flow-switch>a{font-size:12px;padding:12px 5px}
 .normal-map,.recovery-map{padding:21px 15px}.normal-map>h2,.recovery-map>h2{font-size:21px}
 .normal-chain{grid-template-columns:1fr;gap:25px}.normal-chain>li{position:relative}.normal-chain>li:not(:last-child):after{content:"↓";position:absolute;top:100%;left:50%;line-height:25px;font-size:19px;color:#b287a0}
 .normal-chain .flow-stop{flex-direction:row;gap:12px}.normal-chain .flow-stop>b{align-self:center}
 .flow-stop{padding:17px 13px;gap:12px}.flow-stop-number{font-size:22px}.flow-stop strong{font-size:16px}.flow-stop small{font-size:11px}
 .flow-unplaced{padding:21px 16px}.flow-unplaced>div:last-child{grid-template-columns:1fr}.flow-unplaced h2{font-size:20px;line-height:1.6}
 .flow-branch-link{padding:20px 18px}.flow-branch-link>strong{font-size:16px}
 .recovery-branches{grid-template-columns:1fr;gap:18px;margin-top:20px;padding-top:20px}.sampling-outcomes{grid-template-columns:1fr;gap:12px}
 .pending-register{padding:21px 16px}.pending-register h2{font-size:22px}.pending-register ol{grid-template-columns:1fr;gap:12px}.pending-register li{padding:17px 14px 17px 45px}.pending-register li:before{top:17px;left:13px}
}

/* v0.6:课件结构、连接材料与截图学习点；沿用手机优先的浅粉视觉。 */
.component-map{margin:22px 0 0;padding:17px;border:1px dashed #ddbed4;border-radius:20px;background:#fff7fc}
.component-map button{background:#fff;border:1px solid #eed3e3;border-radius:12px;min-height:44px;padding:10px 14px;font-weight:700;color:#7c5371;font-size:13px}
.component-map small{font-size:10px;display:block;margin-top:4px;color:#9a7890;font-weight:400}
.component-map>button{width:100%;background:#f9dfed}
.component-map>div{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin:12px 0 0;padding:12px 0 0;border-top:1px solid #e6c7dc;align-items:start}
.component-map section>button{width:100%;background:#eee8fa}.component-map section>p{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 0}.component-map section>p>button{flex:1;padding:9px 5px;min-width:0}
.knowledge-next{display:flex;flex-wrap:wrap;gap:10px 25px;margin:18px 0}.knowledge-next a{font-size:13px;min-height:44px;display:flex;align-items:center;color:#925778}
.connection-group{margin:18px 0 20px}.connection-group h3{font-size:12px;color:#98758a;margin:0 0 10px}.connection-group .fpc-connector+.fpc-connector{margin-top:9px}.light-symbol{width:34px;height:25px;border:1px solid #d7b06c;border-radius:7px;flex-shrink:0;background:radial-gradient(circle,#fffef2 25%,#f4d892 55%,#efd1ad 80%);box-shadow:0 0 15px #f3d28899}
.node-cf-substrate .plate-window{background:repeating-linear-gradient(90deg,#d78eab66 0 4px,#8ac3a866 4px 8px,#8ea7cf66 8px 12px)}
.node-tft-substrate .plate-window{background:repeating-linear-gradient(0deg,transparent 0 9px,#809d9c55 9px 10px),repeating-linear-gradient(90deg,transparent 0 9px,#809d9c55 9px 10px)}
.node-liquid-crystal .layer-plate,.component-liquid-crystal .single-plate{border-style:dashed;background:linear-gradient(135deg,#f5ecff88,#cbb9e999);box-shadow:none}
.node-brightness-film .plate-window{background:repeating-linear-gradient(90deg,#fffeff99 0 4px,#d5bed277 4px 6px)}
.node-diffuser .plate-window{background:#ffffffbb}.node-reflector .layer-plate{background:linear-gradient(110deg,#fefefe,#d6d5df,#fff 65%,#dfdce5)}
.circuit-art{position:relative;width:60%;height:110px;max-width:270px;border-radius:12px;border:2px solid #9cae9c;background:repeating-linear-gradient(90deg,#d9e8cb 0 10px,#abc199 10px 12px);transform:rotate(-9deg);box-shadow:0 14px 25px #7f64741c;display:flex;justify-content:center;align-items:center;gap:13px}.circuit-art i{width:24px;height:26px;border:3px solid #d4d9c8;border-radius:4px;background:#78897c}.circuit-art span{position:absolute;bottom:7px;right:10px;font-size:12px;color:#5d7661}.component-fpc .circuit-art{background:repeating-linear-gradient(90deg,#f0d9aa 0 8px,#cead77 8px 10px);height:75px;border-color:#d1b17f}
.led-art{display:flex;gap:20px;padding:12px 18px;border:1px solid #d7bb92;border-radius:12px;background:#f8e7cc;transform:rotate(-8deg)}.led-art i{width:23px;height:23px;border:2px solid #dab66b;border-radius:5px;background:#fffde5;box-shadow:0 0 16px 4px #ffebb4}
.knowledge-routes{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-routes .route-card:last-child{grid-column:1/-1;background:#fff7ee}.knowledge-routes .route-card:last-child .route-sequence{max-width:650px}.knowledge-routes .route-sequence div>span{font-size:12px;line-height:1.9;color:#81566e}.knowledge-routes .route-card h2{padding-right:30px}.knowledge-routes .route-fields dd{overflow-wrap:anywhere}
.knowledge-detail{border-top:1px dashed #e7c9db;margin-top:22px;padding-top:13px;font-size:12px;color:#8d6b80}.knowledge-detail summary{cursor:pointer;min-height:44px;align-content:center;line-height:1.8}.knowledge-detail p{line-height:1.9}.knowledge-takeaway{margin:25px 0;padding:23px 27px;background:#f0edf9;border:1px solid white;border-radius:23px}.knowledge-takeaway h3{font-size:18px;margin:0 0 13px}.knowledge-takeaway p{font-size:13px;line-height:1.95;color:#866c88;margin:0 0 10px}.knowledge-takeaway>a{font-size:13px;color:#885784;min-height:44px;display:inline-flex;align-items:center}
.materials-intro h2{font-size:27px;margin:18px 0 12px;line-height:1.6}.materials-intro>p{font-size:13px;color:var(--muted)}.material-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:27px 0}.material-study{border:2px solid white;border-radius:27px;background:#fff9fc;padding:26px;min-width:0}.material-study.fixing{background:#fff8ef}.material-index{font-size:11px;color:#b17e95}.material-study h3{font-size:30px;margin:17px 0 3px;color:#9a5f82}.material-study>p{font-size:13px;line-height:1.9;color:var(--muted)}.material-study>p[lang]{font-size:12px;overflow-wrap:anywhere}
.bond-sketch{padding:21px 16px;border-radius:20px;background:#f6e9f3;display:grid;gap:8px;margin:23px 0}.bond-sketch span{background:#fffcfe;border:1px solid #ddbdd3;border-radius:9px;padding:13px;text-align:center;font-size:12px}.bond-sketch i{font-style:normal;padding:8px;border:1px dashed #cda6c1;border-radius:8px;text-align:center;font-size:11px;color:#9a688b;background:linear-gradient(90deg,#ead3e988,#fff9fd)}.frame-sketch{background:#f3eadb}.frame-sketch span{border-color:#dfc9a6}.frame-sketch i{border:0;border-left:8px solid #d2b888;border-right:8px solid #d2b888;background:transparent;color:#967a55}
.cure-learning{margin:30px 0;padding:27px;background:#fff9fc;border:2px solid white;border-radius:27px}.cure-learning>h2{font-size:24px;margin:0 0 20px}.cure-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cure-grid h3{font-size:15px}.cure-grid p{font-size:13px;color:var(--muted);line-height:1.9}.knowledge-caution{padding:18px 20px;margin-top:22px;border-radius:17px;background:#fff1e3;border:1px solid #efdbc1}.knowledge-caution strong{font-size:14px;color:#8c684b}.knowledge-caution p{font-size:12px;line-height:1.9;color:#9b7c61;margin:9px 0 0}.knowledge-sources{font-size:11px;line-height:1.9;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 0}.knowledge-sources a{color:#986685;min-height:44px;display:inline-flex;align-items:center}.source-note{padding:14px 20px;border:1px dashed #e1c6d7;border-radius:17px}
.station-checks>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.station-checks article{display:flex;align-items:start;gap:12px;padding:19px;border:1px solid #efd9e6;border-radius:18px;background:#fff3f9}.station-checks article>span{font-size:21px;font-family:Georgia,serif;color:#c593b0}.station-checks h4{font-size:14px;margin:0 0 8px;line-height:1.7}.station-checks article p{font-size:12px!important;line-height:1.9;margin:0!important}
@media(max-width:640px){
 .product-tabs:not(.station-tabs){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.product-tabs:not(.station-tabs)>a{font-size:12px;min-height:44px}
 .component-map{padding:14px;margin-top:18px}.component-map>div{grid-template-columns:1fr 1.7fr}.component-map button{padding:9px 7px}.component-map small{font-size:10px}
 .knowledge-next{display:grid;gap:2px}.knowledge-next a{font-size:12px}.knowledge-routes{grid-template-columns:1fr}.knowledge-routes .route-card:last-child{grid-column:auto}.knowledge-routes .route-sequence div>span{font-size:11px}.knowledge-routes .route-card h2{font-size:22px}.knowledge-takeaway{padding:21px 18px}.knowledge-takeaway p{font-size:12px}
 .materials-intro h2{font-size:23px}.material-learning-grid{grid-template-columns:1fr;gap:18px}.material-study{padding:23px 19px}.bond-sketch{padding:18px 12px}.material-study h3{font-size:28px}.cure-learning{padding:22px 18px}.cure-learning>h2{font-size:22px}.cure-grid{grid-template-columns:1fr;gap:9px}.knowledge-caution{padding:16px}.knowledge-sources{gap:5px 15px}
 .station-checks>div{grid-template-columns:1fr}.station-checks article{padding:16px 14px}.connection-group .fpc-connector{padding:14px 12px}.fpc-connector>span:nth-child(2){min-width:0}.fpc-connector strong{line-height:1.6}.led-art{gap:14px;padding:12px}.led-art i{width:19px;height:19px}.circuit-art{width:70%;gap:10px}
}
@media(prefers-reduced-motion:reduce){.component-map button,.knowledge-next a{transition:none}}

/* v0.7: 培训索引与上岗学习；资料来源不与现场路线混合。 */
.station-filters{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0 16px}.station-filters a{min-height:44px;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #eacede;border-radius:15px;background:#fff9fc;font-size:12px;color:#916780}.station-filters a.active{background:#efd8e9;border-color:#d8b0cc;color:#724760;font-weight:700}.station-filters span{font-size:10px;min-width:20px;text-align:center;background:#ffffffa6;border-radius:7px;padding:2px 4px}.station-source-label{display:block;margin-top:9px;font-size:10px;color:#9a7b62}.station-source-time{font-size:11px!important;color:#987587!important;padding:12px 15px;border:1px dashed #e0c7d5;border-radius:13px}.station-training{background:#f1edf8;border:1px solid #e3d9ee;border-radius:20px;padding:22px}.station-training h3{margin-top:0}.station-training article>small{font-size:11px;color:#98769d}.station-training .knowledge-next{margin-bottom:0}.station-training .knowledge-next a{font-size:12px}
.training-hero{padding:30px;border:2px solid white;border-radius:28px;background:linear-gradient(125deg,#ffedf5,#f3edfb);margin-bottom:24px}.training-hero h2{font-size:32px;line-height:1.5;margin:20px 0 14px}.training-hero p{max-width:740px;font-size:13px;line-height:1.9;color:#8d6b81}.training-stats{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px}.training-stats span{border:1px solid #ebcada;background:#ffffffb3;padding:8px 12px;border-radius:12px;font-size:11px;color:#a16b8b}.three-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.three-paths a{min-width:0}.training-difference{padding:21px 25px;border-radius:21px;background:#fff3e8;border:1px solid #f0dac8;margin:22px 0 28px}.training-difference strong{font-size:15px;color:#8f694c}.training-difference p{font-size:13px;line-height:1.9;color:#9c7960;margin:10px 0}.training-difference a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#9d6b60}.training-chapters{display:grid;gap:23px}.training-chapter{padding:25px;border:2px solid white;border-radius:26px;background:#fff9fc}.training-chapter:nth-child(even){background:#f8f3fc}.training-chapter>header{display:flex;gap:18px;margin-bottom:22px;align-items:start}.training-chapter>header>span{font:italic 32px Georgia,serif;color:#c497b3;min-width:36px}.training-chapter h3{font-size:22px;margin:0 0 10px}.training-chapter header p{font-size:12px;color:#97768c;line-height:1.85;margin:0}.training-stops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.training-stop{position:relative;display:flex;flex-direction:column;justify-content:center;border:1px solid #ead0df;border-radius:16px;background:#fff;padding:17px 28px 17px 16px;min-height:86px}.training-stop>span{font-size:14px;line-height:1.7;color:#815b74;font-weight:650}.training-stop>small{font-size:10px;line-height:1.65;color:#a28898;margin-top:7px}.training-stop>b{position:absolute;right:12px;top:17px;color:#bc8ca8;font-size:15px;font-weight:400}.training-stop:hover{border-color:#d1a3bd;background:#fff4fa}.video-three-map{padding:27px;border:2px solid white;background:#f0edf9;border-radius:26px;margin:27px 0}.video-three-map h2{font-size:24px;margin:17px 0 10px}.video-three-map>p{font-size:12px;color:#937a94}.training-module-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:24px}.training-module-links>a{background:#ffffffbf;border:1px solid #ded3eb;border-radius:17px;padding:20px;display:flex;flex-direction:column;gap:10px}.training-module-links b{font:italic 21px Georgia,serif;color:#baa0c4}.training-module-links strong{font-size:15px}.training-module-links small{font-size:11px;color:#987f9a}.training-inline-link{display:flex;align-items:center;min-height:54px;padding:15px 19px;margin-top:25px;background:#f4e9f5;border:1px solid #e2cbe2;border-radius:18px;font-size:13px;color:#8b5c85;line-height:1.85}
.training-resources{margin:34px 0}.training-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.training-resource-grid>a{padding:24px 21px;border:2px solid white;border-radius:23px;background:#fff8fc;box-shadow:0 5px 18px #ac73910b}.training-resource-grid>a:nth-child(2){background:#fff7ed}.training-resource-grid>a:nth-child(3){background:#f4effb}.training-resource-grid span{font-size:10px;color:#a47e95}.training-resource-grid h3{font-size:19px;line-height:1.65;margin:14px 0 10px}.training-resource-grid p{font-size:12px;color:#9a7a8e;line-height:1.9;margin:0 0 17px}.training-resource-grid b{font-size:12px;font-weight:500;color:#a16c8a}.training-reading{padding:30px;border:2px solid white;border-radius:28px;background:#fff9fc}.reading-hero h2{font-size:29px;line-height:1.6;margin:19px 0 15px}.reading-hero>p{font-size:13px;line-height:1.95;color:#927286}.inspection-regions{display:grid;grid-template-columns:1fr 1fr;gap:27px;align-items:center;margin:30px 0;background:#f3eaf4;border-radius:23px;padding:23px}.inspection-regions svg{display:block;width:100%;max-width:400px}.scan-frame{fill:#d4bbd2;stroke:#b991b1;stroke-width:2}.scan-window{fill:#fff9fe;stroke:#e6d4e3}.scan-edge{fill:none;stroke:#9f668c;stroke-width:2;stroke-dasharray:5 5}.scan-area{fill:none;stroke:#cf8bb0;stroke-width:3;stroke-dasharray:5 6;animation:scan-line 4s linear 2}.inspection-regions text{font-size:11px;fill:#8f6989}.inspection-regions h3{font-size:20px}.inspection-regions p{font-size:12px;line-height:1.95;color:#987a91}.inspection-checkpoints>h2,.finding-chain h2,.document-check h2{font-size:24px;line-height:1.6}.inspection-checkpoints>p{font-size:13px;color:#927286;line-height:1.9}.inspection-checkpoints details{border:1px solid #e4cddb;background:#fff3f8;border-radius:17px;margin-top:12px;overflow:hidden}.inspection-checkpoints summary{display:flex;align-items:center;gap:13px;padding:18px;min-height:60px;cursor:pointer;list-style:none}.inspection-checkpoints summary::-webkit-details-marker{display:none}.inspection-checkpoints summary>span{font-size:11px;color:#ad7e98}.inspection-checkpoints summary strong{font-size:16px}.inspection-checkpoints summary b{margin-left:auto;font-weight:400;color:#b886a3}.inspection-checkpoints details>div{padding:0 20px 20px}.inspection-checkpoints details p{font-size:13px;line-height:1.9;color:#94758a}.inspection-checkpoints details small{font-size:11px;color:#ab8a9e;display:block}.inspection-checkpoints details a{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:12px;color:#9d6689}.inspection-checkpoints details[open] summary b{rotate:45deg}.finding-chain{margin-top:33px;padding-top:24px;border-top:1px dashed #e8ccdd}.finding-chain ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;padding:0}.finding-chain li{background:#f4edf9;border-radius:17px;padding:20px}.finding-chain strong{font-size:15px}.finding-chain p{font-size:12px;color:#917690;line-height:1.9;margin:12px 0 0}.safety-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:28px 0}.safety-topics article{padding:22px;border:1px solid #ecd7c8;border-radius:21px;background:#fff4e9}.safety-topics article>span{font:italic 27px Georgia,serif;color:#c3a07f}.safety-topics h3{font-size:19px;line-height:1.6;margin:17px 0 12px}.safety-topics p{font-size:13px;line-height:1.9;color:#9a7c64;margin:0}.sop-evolution{list-style:none;padding:0;margin:29px 0;display:grid;gap:13px}.sop-evolution li{display:flex;gap:19px;padding:24px;background:#f6edf7;border:1px solid #e8d7eb;border-radius:20px}.sop-evolution li>span{font:italic 29px Georgia,serif;color:#bc94bb;flex-shrink:0}.sop-evolution h3{font-size:19px;line-height:1.6;margin:0 0 11px}.sop-evolution p{font-size:13px;line-height:1.9;color:#8e728e;margin:0 0 10px}.sop-evolution small{font-size:11px;color:#a17f9d;line-height:1.8;display:block}.document-check{margin:30px 0}.document-check>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.document-check article{padding:20px;border:1px solid #edd2e1;border-radius:17px;background:#fff1f7}.document-check h3{font-size:16px;margin:0 0 10px}.document-check p{font-size:12px;line-height:1.9;color:#98788d;margin:0}
@keyframes scan-line{to{stroke-dashoffset:-44}}
@media(max-width:1000px){.training-stops{grid-template-columns:repeat(2,minmax(0,1fr))}.training-resource-grid{gap:12px}.training-resource-grid>a{padding:19px 16px}.training-resource-grid h3{font-size:17px}}
@media(max-width:640px){
 .station-filters{gap:7px}.station-filters a{padding:10px 11px;font-size:11px}.station-training{padding:18px 16px}.station-source-time{font-size:10px!important}.training-hero{padding:23px 19px;border-radius:24px}.training-hero h2{font-size:26px}.training-hero p{font-size:12px}.training-stats{gap:6px}.training-stats span{font-size:10px;padding:8px 9px}.three-paths>a{font-size:12px;padding:13px 4px}
 .training-difference{padding:19px 17px}.training-difference p{font-size:12px}.training-chapter{padding:21px 16px;border-radius:23px}.training-chapter>header{gap:12px;margin-bottom:18px}.training-chapter>header>span{font-size:27px;min-width:30px}.training-chapter h3{font-size:21px}.training-chapter header p{font-size:11px}.training-stops{grid-template-columns:1fr;gap:9px}.training-stop{min-height:74px;padding:15px 30px 15px 15px}.training-stop>small{margin-top:5px}.video-three-map{padding:23px 18px}.video-three-map h2{font-size:22px}.training-module-links{grid-template-columns:1fr;gap:10px}.training-module-links>a{display:grid;grid-template-columns:30px 1fr;gap:7px 13px;padding:17px}.training-module-links small{grid-column:2}.training-module-links b{grid-row:1/3;align-self:center}.training-inline-link{font-size:12px;padding:15px}
 .training-resource-grid{grid-template-columns:1fr;gap:12px}.training-resource-grid>a{padding:21px 19px}.training-resource-grid h3{font-size:20px;margin:11px 0 8px}.training-resource-grid p{margin-bottom:12px}.training-resources{margin:28px 0}.training-reading{padding:23px 17px;border-radius:24px}.reading-hero h2{font-size:24px}.reading-hero>p{font-size:12px}.inspection-regions{grid-template-columns:1fr;gap:13px;padding:17px;margin:24px 0}.inspection-regions h3{font-size:20px;margin-top:3px}.inspection-checkpoints>h2,.finding-chain h2,.document-check h2{font-size:22px}.inspection-checkpoints>p{font-size:12px}.inspection-checkpoints summary{display:grid;grid-template-columns:1fr 22px;gap:6px;padding:16px}.inspection-checkpoints summary>span{grid-column:1}.inspection-checkpoints summary strong{grid-column:1;font-size:17px}.inspection-checkpoints summary b{grid-row:1/3;grid-column:2}.inspection-checkpoints details>div{padding:0 16px 16px}.finding-chain ol,.safety-topics,.document-check>div{grid-template-columns:1fr;gap:12px}.safety-topics article{padding:20px 18px}.safety-topics p{font-size:12px}.sop-evolution li{padding:20px 16px;gap:13px}.sop-evolution h3{font-size:18px}.sop-evolution p{font-size:12px}.sop-evolution li>span{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.scan-area{animation:none}}
/* Expanded craft navigation must wrap on phones. */
.process-layout{grid-template-columns:256px minmax(0,1fr)}
.process-list,.process-detail,.process-tab>span{min-width:0}
.process-tab small{overflow-wrap:anywhere}
@media(max-width:1100px){.process-layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:640px){.process-layout{grid-template-columns:minmax(0,1fr)}.process-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.process-tab{min-width:0}.process-tab:last-child{grid-column:auto}.process-tab:hover{transform:none}}
/* v0.8: full directory, compact chapter navigation and explicit flow choices. */
.site-header.compact-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 25px;max-width:1180px}
.compact-header .brand{min-width:0;margin-right:auto}
.header-utilities{display:flex;gap:10px;align-items:center}
.header-utilities button,.header-utilities>a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:15px;font-size:13px;gap:6px}
.page-back{background:transparent;color:#997187;padding:9px}
.header-search{color:#9d657f;background:#fff2f7;font-size:25px!important}
.directory-toggle{background:#f16aa4;color:#fff;padding:10px 17px;box-shadow:0 4px 12px #ef83af28}
.directory-drawer{position:fixed;inset:0 0 0 auto;margin:0;border:0;border-left:2px solid #fff;border-radius:28px 0 0 28px;width:min(420px,94vw);height:100dvh;max-height:100dvh;padding:26px;background:#fff8fc;box-shadow:-12px 0 60px #79445d20;overscroll-behavior:contain}
.directory-drawer[open]{animation:drawer-enter .24s ease-out}
.directory-drawer::backdrop{background:#4e28444d;backdrop-filter:blur(5px)}
body:has(#directory-dialog[open]){overflow:hidden}
.drawer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.drawer-heading small{font-size:11px;color:#ac8097}
.drawer-heading h2{font-size:25px;margin:8px 0}
.drawer-heading button{width:44px;height:44px;background:#fce5f0;color:#aa6486;border-radius:15px;font-size:26px}
.drawer-home{display:flex;align-items:center;min-height:46px;padding:10px 15px;border-radius:14px;background:#f7e9f4;color:#936383;font-size:13px}
.drawer-sections>section{padding:16px 0;border-bottom:1px dashed #ebd2e0}
.drawer-sections>section>a{display:flex;align-items:center;gap:12px;min-height:44px;padding:7px 9px;border-radius:12px}
.drawer-sections>section>a.active{background:#f9dce9;color:#a34370}
.drawer-sections small{font:italic 19px Georgia,serif;color:#b786a4}
.drawer-sections strong{font-size:16px}
.drawer-sections>section>div{display:flex;flex-wrap:wrap;gap:2px 12px;padding:4px 0 0 36px}
.drawer-sections>section>div a{font-size:12px;color:#8d7183;min-height:40px;display:flex;align-items:center;text-decoration:underline;text-decoration-color:#e6c7d8;text-underline-offset:4px}
.drawer-footer{display:flex;justify-content:space-between;gap:16px;margin-top:22px;padding-bottom:15px}
.drawer-footer a{font-size:12px;color:#97657e;min-height:44px;display:flex;align-items:center}
.directory-hero{padding:38px 0 24px}
.directory-hero h1{font-size:35px;line-height:1.5;margin:18px 0 12px}
.directory-hero>p{font-size:14px;color:#8f6b82;line-height:1.9}
.getting-started{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:center;margin-top:25px;padding:17px 20px;background:#fff8fccc;border:1px solid #fff;border-radius:20px}
.getting-started>span{font-size:11px;color:#aa819a;margin-right:7px}
.getting-started a{font-size:12px;min-height:40px;display:inline-flex;align-items:center;color:#a45e82}
.getting-started i{font-style:normal;color:#cc9ab5}
.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.directory-card{padding:26px;border:2px solid #fff;border-radius:26px;background:#fff9fc;box-shadow:0 6px 20px #af71910b;scroll-margin-top:110px}
.directory-card:nth-child(4n+2){background:#f5effb}.directory-card:nth-child(4n+3){background:#fff5ef}.directory-card:nth-child(4n){background:#f0f7f5}
.directory-title{display:flex;gap:17px;align-items:center;min-height:52px}
.directory-title>span{font:italic 32px Georgia,serif;color:#c398b2;flex-shrink:0}
.directory-title h2{font-size:24px;margin:0;line-height:1.5}
.directory-title b{margin-left:auto;font-size:19px;font-weight:400;color:#bc8aa5}
.directory-card>p{font-size:13px;line-height:1.9;color:#927187;min-height:48px;margin:16px 0 20px}
.directory-links{display:flex;gap:8px;flex-wrap:wrap}
.directory-links a{font-size:12px;line-height:1.7;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;border:1px solid #e8d6e1;background:#ffffffbf;border-radius:13px;padding:10px 13px;color:#8b617c}
.directory-links a:hover{border-color:#d298b8;background:#fff}
.directory-links a>span{color:#b690a7}
.directory-note{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:25px;padding:20px;border-radius:21px;background:#ffffff87;border:1px solid #fff}
.directory-note p{font-size:12px;color:#9c7d91;line-height:1.9;margin:0}.directory-note a{font-size:12px;color:#a76489;white-space:nowrap}
.directory-search{margin:28px 0 0;max-width:620px}
.onboarding-note{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:22px 24px;border:1px solid #ead0df;border-radius:21px;background:#fff5fa;margin:30px 0}
.onboarding-note strong{font-size:14px;color:#94637f}.onboarding-note p{font-size:12px;line-height:1.9;color:#9a788d;margin:10px 0 0}
.method-overview{padding:23px 25px;background:#fff8fc;border:1px solid #fff;border-radius:23px;margin:0 0 24px}
.method-overview-lead{font-size:14px;line-height:1.9;margin:0 0 17px;color:#8e6981}
.method-choice-guide{display:flex;flex-wrap:wrap;gap:8px}
.method-choice-guide span{font-size:11px;padding:9px 12px;border-radius:12px;background:#f6e9f3;color:#a07894}
.management-intro{padding:24px;border-radius:23px;background:#f2f8f5;border:1px solid white;margin-bottom:22px}.management-intro h2{font-size:25px;margin:0 0 14px}.management-intro p{font-size:13px;color:#8d798b;line-height:1.9;margin:0}
.station-definition{font-size:15px!important;color:#845f79!important;line-height:1.9}
.station-scope{margin-top:24px;border-top:1px dashed #e3c9d8;padding-top:15px}
.station-scope summary{cursor:pointer;font-size:12px;color:#ae849a;min-height:44px;display:flex;align-items:center}
.station-scope summary:before{content:'＋';margin-right:9px}.station-scope[open] summary:before{content:'−'}
.station-scope p{font-size:12px!important;line-height:1.9!important}
.flow-inline-choice{display:flex;align-items:center;min-height:50px;margin-top:20px;padding:15px 18px;background:#f5e9f4;color:#996587;border-radius:15px;font-size:13px}
.station-handover a{display:inline-flex;min-height:44px;align-items:center;color:#ac6387;font-size:14px}
.flow-decision{text-align:center;margin:28px 0 34px}
.decision-dot{font-size:32px;color:#c493ad;line-height:1}
.flow-decision>h2{font-size:24px;margin:15px 0 22px}
.flow-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;text-align:left}
.flow-choice{padding:26px;border-radius:25px;border:2px solid white;display:flex;flex-direction:column;align-items:start;background:#f0f6f2;box-shadow:0 5px 16px #8c64700a}
.flow-choice.bad{background:#fff0f2}
.flow-choice>span{font-size:11px;color:#7c9b89;padding:6px 11px;border:1px solid #cfe0d6;border-radius:12px;background:#ffffff90}
.flow-choice.bad>span{color:#b97e91;border-color:#efd0da}
.flow-choice h3{font-size:23px;line-height:1.55;margin:17px 0 12px}
.flow-choice p{font-size:13px;color:#887783;line-height:1.9;margin:0 0 20px}
.flow-choice b{margin-top:auto;display:flex;align-items:center;min-height:36px;font-size:13px;font-weight:500;color:#84778b}
.flow-choice:hover{border-color:#d8b8cc;transform:translateY(-2px)}
.flow-placement{padding:22px 24px;border:1px dashed #e0c9d9;border-radius:21px;background:#f6f0f9;margin:26px 0}
.flow-placement strong{font-size:15px}.flow-placement p{font-size:12px;line-height:1.9;color:#9b7c94}.flow-placement a{display:inline-flex;align-items:center;min-height:44px;margin-right:20px;font-size:12px;color:#a47196}
.flow-end-state{padding:30px;border:2px solid #fff;border-radius:26px;background:#f0f6f2;margin:25px 0}.flow-end-state.is-held{background:#fff0f2}.flow-end-state h2{font-size:27px;line-height:1.6;margin:20px 0 14px}.flow-end-state p{font-size:14px;line-height:2;color:#897583}.flow-end-state .button{margin-top:20px}
.flow-switch{flex-wrap:wrap}
@keyframes drawer-enter{from{opacity:.4;transform:translateX(25px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:640px){
 .site-header.compact-header{margin:10px 12px 0;padding:11px 13px;border-radius:21px;gap:8px;top:6px}
 .compact-header .brand{font-size:14px;gap:8px}.compact-header .brand small{font-size:9px;margin-top:5px}.compact-header .brand-mark{width:26px;height:28px}
 .header-utilities{gap:3px}.header-utilities button,.header-utilities>a{min-width:40px;min-height:44px;font-size:12px;border-radius:13px}.page-back{padding:7px}.page-back span{display:none}.directory-toggle{padding:8px 10px}.header-search{font-size:23px!important}
 .directory-drawer{padding:23px 20px;width:min(380px,94vw);border-radius:23px 0 0 23px}
 .directory-hero{padding:28px 0 20px}.directory-hero h1{font-size:27px;margin:16px 0 12px}.directory-hero>p{font-size:12px}
 .getting-started{padding:12px 15px;gap:0 10px;margin-top:18px}.getting-started>span{width:100%;margin:0 0 4px}.getting-started a{font-size:11px}
 .directory-grid{grid-template-columns:1fr;gap:15px}.directory-card{padding:21px;border-radius:23px}.directory-title>span{font-size:28px}.directory-title h2{font-size:22px}.directory-card>p{font-size:12px;min-height:0;margin:11px 0 16px}.directory-links{gap:7px}.directory-links a{font-size:12px;padding:10px 12px}
 .directory-note{display:block;padding:18px}.directory-note a{display:inline-flex;min-height:44px;align-items:center;margin-top:8px}
 .onboarding-note{grid-template-columns:1fr;padding:20px;gap:20px}
 .method-overview{padding:20px}.method-overview-lead{font-size:13px}.method-choice-guide{gap:7px}.method-choice-guide span{font-size:11px}
 .flow-choices{grid-template-columns:1fr;gap:14px}.flow-choice{padding:22px}.flow-choice h3{font-size:22px;margin:14px 0 10px}.flow-choice p{font-size:12px;margin-bottom:12px}.flow-decision>h2{font-size:22px}
 .flow-end-state{padding:23px 20px}.flow-end-state h2{font-size:24px}.flow-end-state p{font-size:13px}.flow-placement{padding:20px}
 .flow-switch a{font-size:11px;padding:12px 10px}
}
@media(prefers-reduced-motion:reduce){.directory-drawer[open]{animation:none}.flow-choice:hover{transform:none}}
@media(max-width:640px){.getting-started{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));counter-reset:introstep;gap:4px 10px}.getting-started>span{grid-column:1/-1}.getting-started>i{display:none}.getting-started>a{counter-increment:introstep;gap:6px;min-width:0}.getting-started>a:before{content:counter(introstep,decimal-leading-zero);font:italic 13px Georgia,serif;color:#c58da9}}
.is-cover .site-header.compact-header{display:none}
.team-role-list{display:grid;gap:12px;margin:20px 0}
.team-role-list article{padding:18px 20px;border:1px solid #efdfe8;border-radius:18px;background:#fffafd}
.team-role-list h3{margin:0 0 8px;font-size:17px;color:#79536b}
.team-role-list p{margin:0;line-height:1.8}
.line-shared{background:linear-gradient(145deg,#fff3f9,#f5f4ff)}
.line-shared .line-number{font-size:27px;white-space:nowrap}
.line-pagination{gap:12px;flex-wrap:wrap}.line-pagination a{overflow-wrap:anywhere}
.recheck-loop{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:25px 0}
.recheck-loop span{padding:10px 14px;border-radius:14px;background:#fff1f7;color:#81516c}
.flow-end-state>.button{margin:10px 8px 0 0;white-space:normal}
.lsw-brief{max-width:780px;padding:32px;border:1px solid #eadde5;border-radius:26px;background:#fffafc}
.lsw-brief p{line-height:1.9}.lsw-brief .method-en{overflow-wrap:anywhere}
.legal-footer{padding:15px 20px 24px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 18px;font-size:11px;color:#84586b;text-align:center;line-height:1.8}
.legal-footer a{text-decoration:underline;text-underline-offset:3px}
.phone-break{display:none}
/* Readable invitation: keep the playful lettering, remove the offset duplicate shadow. */
.wordmark .glyph,.wordmark .first .glyph{-webkit-text-stroke:2px #fff;paint-order:stroke fill;text-shadow:0 1px 2px #a3486c18}
.wordmark .title-line.first{color:#934763}
.wordmark .title-line.second{color:#ca5486}
.wordmark .glyph [class^="letter-"]{text-shadow:none}
.welcome-cover .cover-description{font-size:18px;line-height:1.85;color:#65374c;font-weight:500}
.term-reading{margin-top:22px;font-size:13px;line-height:1.8;color:#80566a}
.term-reading summary{cursor:pointer;padding:8px 0}
.term-reading a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){
 .phone-break{display:block}
 .wordmark .glyph,.wordmark .first .glyph{-webkit-text-stroke:1.25px #fff;text-shadow:0 1px 2px #a3486c14}
 .welcome-cover .cover-description{font-size:17px;line-height:1.85;letter-spacing:0}
 .welcome-cover .title-greeting{font-size:12px;letter-spacing:.02em}
 .welcome-cover .cover-brand small{font-size:11px;letter-spacing:0}
 .welcome-cover .cover-entry .enter-button{font-size:18px}
 .welcome-cover .cover-entry .cover-whisper{font-size:12px;line-height:1.7}
 .welcome-cover .cover-footer{font-size:10px}
 .welcome-cover .cover-tiny-hearts{margin:15px 0 20px}
 .welcome-cover{min-height:max(680px,100svh)}
}
@media(max-width:370px){
 .welcome-cover .cover-description{font-size:16px}
 .welcome-cover .title-greeting{font-size:11px}
 .welcome-cover .cover-footer{font-size:9px}
}
@media print{.legal-footer{display:none}}
@media(max-width:640px){.line-shared .line-number{font-size:22px}.line-badge{font-size:22px;white-space:nowrap}.lsw-brief{padding:22px}.team-role-list article{padding:16px}.line-pagination{font-size:12px}.recheck-loop{font-size:13px}}

/* One calm reading path, visually separate from the material-flow decisions. */
.reading-nav{margin:38px 0 0;padding:26px;border:1px solid #e7c9d8;border-radius:25px;background:#fff8fc;box-shadow:0 5px 18px #ad6f8b08}
.reading-kicker{font-size:12px;color:#8a5d74;letter-spacing:.02em}
.reading-nav h2{font-size:23px;line-height:1.6;margin:12px 0 8px}
.reading-nav p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}
.reading-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.reading-actions>a{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:78px;padding:15px 18px;border:1px solid #ebcddb;border-radius:18px;line-height:1.7}
.reading-actions small{font-size:12px;font-weight:400;display:block;margin-bottom:4px}
.reading-actions strong{font-size:16px;font-weight:600;overflow-wrap:anywhere}
.reading-previous{background:#fff;color:#765267}
.reading-next{background:#fbe1ed;color:#71314f}
.reading-next strong{display:flex;justify-content:space-between;gap:12px}
.reading-directory{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;color:#8a5070;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.reading-context .reading-actions>.reading-directory{margin:0;border:0;background:transparent}
.reading-finish{background:linear-gradient(135deg,#fff6fa,#f7f1fb)}
.search-suggestions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:22px 0}
.search-suggestions>span{width:100%;font-size:13px;color:var(--muted);margin-bottom:3px}
.search-suggestions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 17px;border:1px solid #e8c4d5;border-radius:15px;background:#fff7fb;color:#814463;font-size:14px}
.search-suggestions a:hover,.reading-actions a:hover{border-color:#bb7b9c;background:#faeaf2}
.loading-page{min-height:80svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#85526b}
.loading-page>span{font-size:48px;color:#dc82a6}.loading-page h1{font-size:28px;margin:12px 0}.loading-page p{font-size:16px}
#detail-dialog .dialog-close{position:sticky;top:0;z-index:8;margin-left:auto;width:44px;height:44px;box-shadow:0 3px 14px #9e597b18}
dialog{overscroll-behavior:contain}
.structure-dialog-bar button,.drawer-heading button{min-width:44px;min-height:44px}
@media(max-width:640px){
 .reading-nav{padding:22px 18px;margin-top:28px;border-radius:23px}
 .reading-nav h2{font-size:21px}.reading-actions{gap:10px;margin-top:18px}
 .reading-actions>a{padding:13px 12px}.reading-actions strong{font-size:14px}.reading-actions small{font-size:11px}
 .reading-context .reading-actions{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
 .search-form input{font-size:16px;min-height:44px;min-width:0}
 .search-form button{font-size:13px;min-height:44px;flex-shrink:0}
 .filter-group button{font-size:12px;min-height:44px;padding:10px 7px}
 .related-terms button{min-height:44px;font-size:13px}
 .directory-links a{font-size:14px;min-height:44px;line-height:1.7}
 .getting-started a{font-size:13px;min-height:44px}
 .drawer-sections a{min-height:44px}
 .page-heading>p,.directory-hero>p,.directory-card>p,.directory-note p,.section-intro,
 .term-card p,.term-card .term-full-name,.process-detail>p,.questions ul,
 .flow-choice p,.flow-end-state p,.flow-placement p,.method-card p,.method-card .method-en,
 .team-card p,.team-role-list p,.station-card p,.info-row p,.search-result p,
 .route-card>p,.route-fields dd,.material-study>p,.materials-intro>p,
 .dialog-en,.dialog-section p,.node-intro,.node-observe p{font-size:14px;line-height:1.85;color:var(--muted)}
 .dialog-lead{font-size:15px;line-height:1.9}.results-label{font-size:12px}
 .term-card .term-full-name{overflow-wrap:anywhere}
 .term-card .term-action{font-size:12px}.product-tabs a{font-size:13px}
 .scene-legend{font-size:12px;line-height:1.8}
}
@media(prefers-reduced-motion:reduce){.reading-actions a,.search-suggestions a{transition:none}}
@media print{.reading-nav,.search-suggestions{display:none}}