:root{--paper:#faf6ee;--ink:#41352e;--muted:#75685d;--accent:#a94f33;--orange:#ff895e;--line:#ddd2c5;--serif:'Noto Serif TC','Songti TC','PMingLiU',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'PingFang TC','Noto Sans TC',sans-serif;font-size:16px;line-height:1.85}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;display:block}p{margin:0 0 1.3em}h1,h2,h3{line-height:1.4;margin:0;font-weight:600}h1,h2{font-family:var(--serif)}h1{font-size:clamp(40px,4.9vw,70px);letter-spacing:-.035em}h2{font-size:clamp(30px,3.1vw,46px);letter-spacing:-.025em}h3{font-size:21px}.skip{position:absolute;top:-80px;padding:10px;background:white;z-index:99}.skip:focus{top:8px}header{height:90px;max-width:1440px;padding:0 5.8%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #e5ddd1;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand img{border-radius:10px}.brand b{font-family:var(--serif);font-size:26px;letter-spacing:2px}.brand span{font-size:11px;letter-spacing:.06em;color:var(--muted);margin-left:5px}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav a{padding:10px 0}nav a:hover,.text-link:hover{color:var(--accent)}.nav-cta{border:1px solid var(--line);border-radius:30px;padding:8px 20px}main{overflow:hidden}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:600;color:var(--accent);margin-bottom:22px}.lead{font-size:18px;line-height:1.95;color:var(--muted)}.small{font-size:12px;color:var(--muted);line-height:1.8}.hero{max-width:1440px;min-height:740px;margin:auto;display:grid;grid-template-columns:1fr 1fr;padding:75px 5.8% 65px;align-items:center;gap:4%}.hero h1 span{color:var(--accent)}.hero .lead{margin:27px 0 30px}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 25px;border:0;border-radius:36px;background:var(--ink);color:var(--paper);font-weight:500;cursor:pointer;transition:transform .2s,background .2s}.button:hover{background:var(--accent);transform:translateY(-2px)}.text-link{font-size:14px;display:inline-block;border-bottom:1px solid #b99982;padding:4px 0}.hero-copy>.small{margin-top:18px}.hero-art{height:610px;position:relative;isolation:isolate}.hero-disc{position:absolute;inset:60px -25px 50px;background:#f7cba8;border-radius:50% 45% 47% 50%;z-index:-2}.hero-phone{position:absolute;width:233px;right:38px;top:15px;border:7px solid #3b302a;border-radius:36px;box-shadow:15px 20px 30px #51372323;transform:rotate(7deg)}.hero-cover{position:absolute;width:170px;height:255px;object-fit:cover;box-shadow:4px 12px 22px #553e3020;border-radius:2px}.cover-a{left:10px;top:85px;transform:rotate(-14deg)}.cover-b{width:130px;height:195px;right:0;bottom:48px;transform:rotate(15deg);z-index:-1}.paper-note{position:absolute;left:-5px;bottom:50px;transform:rotate(-5deg);padding:22px 26px;background:#fffaf0;box-shadow:0 7px 20px #51372317;border:1px solid #e7dcc9;width:315px}.paper-note:before{content:'';position:absolute;top:-11px;left:43%;background:#cfb68c80;width:65px;height:24px;transform:rotate(4deg)}.paper-note small{font-size:11px;background:#eee0c9;border-radius:10px;padding:4px 10px}.paper-note p{font-family:var(--serif);font-size:22px;line-height:1.7;margin:12px 0}.paper-note span{font-size:11px;color:var(--muted)}.orbit-label{font-family:var(--serif);position:absolute;top:3px;left:0;font-size:15px;transform:rotate(-8deg)}.art-caption{position:absolute;bottom:0;left:55px;font-size:10px;color:var(--muted)}.intro{text-align:center;padding:90px 20px 100px;border-top:1px solid var(--line);max-width:1180px;margin:auto}.intro h2{margin:0 0 24px}.intro>p:not(.eyebrow){color:var(--muted)}.kinds{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:40px;font-size:15px}.kinds i{font-style:normal;color:#bf8c67;font-size:12px}.story{max-width:1160px;margin:0 auto 110px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding:0 30px}.story.reverse .scene{order:2}.story.reverse .story-copy{order:1}.story-copy h2{margin-bottom:25px}.story-copy>p:not(.eyebrow){color:var(--muted)}.secondary-link{display:block;width:max-content;margin-top:16px}.scene{height:580px;border-radius:180px 180px 16px 16px;overflow:hidden;position:relative}.scene.peach{background:#ff8a60;border-radius:22px;height:590px}.scene.peach>img{width:100%;height:100%;object-fit:contain}.phone{width:220px;border:6px solid #43362e;border-radius:32px;box-shadow:12px 15px 30px #3f2d2317;height:auto}.writing-scene{background:#eee4d3;display:flex;justify-content:center;align-items:center}.writing-scene .phone{transform:rotate(5deg);width:224px;margin-top:35px}.side-note{position:absolute;left:20px;bottom:40px;background:#fffaf0;box-shadow:0 5px 18px #6b4c2520;padding:18px 24px;font-family:var(--serif);font-size:23px;transform:rotate(-7deg)}.calendar-scene{background:#e1e6d8;display:flex;align-items:center;justify-content:center}.calendar-scene .phone{transform:rotate(-5deg);width:225px}.month-note{position:absolute;bottom:45px;right:12px;font-family:var(--serif);background:#fcf8ef;padding:16px 20px;transform:rotate(6deg);font-size:23px}.care{background:#ede9dc;display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:75px max(6%,calc((100vw - 1100px)/2));align-items:center}.care>div>p:not(.eyebrow){color:var(--muted)}.help-teaser{max-width:1160px;margin:100px auto;padding:0 30px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.quick-links a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 0;transition:padding .2s}.quick-links a:hover{padding-left:8px;color:var(--accent)}.faq{max-width:780px;margin:100px auto;padding:0 25px}.faq h2{margin-bottom:35px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:21px 0;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'＋';font-size:20px;color:var(--accent)}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);padding-right:28px}.start{background:#f8c6a4;text-align:center;padding:80px 20px}.start img{margin:0 auto 25px;border-radius:23px;box-shadow:0 4px 15px #a74f3320}.start h2{margin-bottom:30px}.start .text-link{display:block;width:fit-content;margin:22px auto}.start .small{margin:20px auto 0}footer{max-width:1280px;margin:auto;padding:55px 5%;display:flex;align-items:flex-start;gap:45px;font-size:13px}footer p{color:var(--muted)}footer div{margin-left:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px 35px}footer a:hover{color:var(--accent)}.guide-index{max-width:1140px;margin:auto;padding:0 30px 100px}.guide-heading{padding:80px 0 40px;max-width:800px}.guide-heading h1{font-size:55px;margin-bottom:20px}.guide-heading h1 span{color:var(--accent)}.guide-heading p:not(.eyebrow){color:var(--muted)}.search-box{display:flex;align-items:center;gap:15px;border:1px solid #c7b7a5;border-radius:14px;padding:12px 20px;background:#fffdf8;margin:30px 0 12px}.search-box>span{font-size:30px;line-height:1}.search-box input{width:100%;min-width:0;border:0;background:transparent;font-size:16px;padding:8px 0;color:var(--ink)}.search-box button{white-space:nowrap;border:0;background:transparent;color:var(--accent);cursor:pointer}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 25px}.filters button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 18px;border-radius:25px;cursor:pointer;font-size:14px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.guide-card{border-top:1px solid var(--line);padding:25px 15px 25px 0;transition:background .2s}.guide-card:hover{background:#f2ebdd}.guide-card small{color:var(--accent);font-size:11px}.guide-card h3{display:flex;justify-content:space-between;gap:15px;margin:10px 0}.guide-card h3 span{font-weight:400}.guide-card p{font-size:14px;color:var(--muted);margin:0;max-width:90%}[hidden]{display:none!important}#no-results{padding:30px 0}.article-wrap{max-width:1160px;margin:auto;padding:38px 30px 90px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:55px}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.article-layout{display:grid;grid-template-columns:230px minmax(0,690px);gap:65px;align-items:start}.article-layout aside{position:sticky;top:40px;border-right:1px solid var(--line);padding-right:25px}.article-layout aside a{display:block;font-size:13px;padding:10px 0;color:var(--muted);line-height:1.8}.article-layout aside a:hover{color:var(--accent)}.back-guides{margin-top:30px}.article-layout article h1{font-size:43px;margin-bottom:22px}.article-meta{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:30px;margin-bottom:40px}.step{display:flex;gap:22px;margin:35px 0}.step>span{color:var(--accent);font-family:var(--serif);font-size:21px}.step h2{font-family:inherit;font-size:22px;line-height:1.5;margin:0 0 12px}.step p{color:var(--muted);margin:0}.outcome{padding:26px 28px;background:#ede9dc;border-radius:4px;margin:40px 0}.outcome h2{font-family:inherit;font-size:18px;margin-bottom:12px}.outcome p{margin:0}.article-image{background:#efe5d5;margin:40px 0;padding:35px;border-radius:10px;text-align:center}.article-image .phone{margin:auto;width:250px}.article-image figcaption{font-size:11px;color:var(--muted);margin:25px auto 0;max-width:340px}.article-end{border-top:1px solid var(--line);padding-top:30px;margin-top:40px}.article-end>.small{margin-top:35px}.article-end>a:last-child{font-size:14px;text-decoration:underline}
@media(min-width:1500px){.hero{min-height:800px}.hero-art{height:630px}.hero-phone{width:250px}}
@media(max-width:1000px){header{padding:0 4%}.brand span{display:none}.hero{padding:55px 4%;gap:2%;min-height:660px}.hero h1{font-size:48px}.hero-art{height:550px}.hero-phone{width:205px;right:12px}.cover-a{width:135px;height:203px;left:0}.paper-note{width:260px;padding:18px;left:-15px;bottom:75px}.paper-note p{font-size:19px}.hero-disc{inset:75px -15px 70px}.orbit-label{font-size:12px}.actions{gap:15px}.story{gap:7%}.scene{height:540px}.scene.peach{height:540px}.article-layout{gap:35px;grid-template-columns:195px minmax(0,1fr)}}
@media(max-width:700px){body{font-size:15px}header{height:76px;padding:0 20px;gap:10px}.brand b{font-size:22px}.brand img{width:32px;height:32px}nav{gap:17px;font-size:12px}nav a:first-child{display:none}.nav-cta{padding:7px 12px}.hero{display:flex;flex-direction:column;padding:48px 25px 35px;gap:35px;min-height:0}.hero-copy{width:100%}.hero .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:20px}.hero h1{font-size:clamp(39px,8.8vw,55px);line-height:1.42}.hero .lead{font-size:15px;line-height:1.9;margin:22px 0}.actions{gap:18px}.button{font-size:14px;padding:12px 20px}.text-link{font-size:13px}.hero-art{height:530px;width:100%;max-width:420px;margin-top:15px}.hero-disc{inset:55px 0 55px}.hero-phone{width:205px;right:24px;top:10px}.hero-cover.cover-a{width:135px;height:203px;left:6px;top:80px}.cover-b{width:100px;height:150px;right:5px;bottom:45px}.paper-note{width:265px;left:6px;bottom:40px}.art-caption{bottom:0;left:30px;font-size:9px}.orbit-label{top:0;font-size:11px}.intro{padding:65px 25px}.intro h2{font-size:32px}.intro>p:not(.eyebrow){font-size:14px}.intro br{display:none}.kinds{gap:13px;font-size:13px}.kinds i{font-size:8px}.story,.story.reverse{display:flex;flex-direction:column;margin:0 auto 65px;padding:0 25px;gap:30px;max-width:480px}.story .scene,.story.reverse .scene{order:2;width:100%;height:510px}.story .story-copy,.story.reverse .story-copy{order:1;width:100%}.story-copy .eyebrow{margin-bottom:15px}.story-copy h2{font-size:32px;margin-bottom:20px}.story .scene.peach{height:570px;background:#ff8a60}.scene.peach img{object-fit:contain}.phone,.writing-scene .phone,.calendar-scene .phone{width:205px}.side-note,.month-note{font-size:20px;padding:14px 20px;bottom:22px}.care{display:block;padding:50px 25px}.care h2{margin-bottom:25px}.care p{font-size:14px}.help-teaser{display:block;padding:0 25px;margin:65px auto}.help-teaser h2{margin-bottom:28px;font-size:32px}.faq{margin:65px auto;padding:0 25px}.faq h2{font-size:32px}.faq summary{font-size:14px}.faq details p{font-size:14px}.start{padding:60px 25px}.start h2{font-size:32px}.start>.eyebrow{font-size:11px}footer{padding:40px 25px;gap:20px;flex-wrap:wrap}footer .brand{width:100%}footer>p{margin-bottom:0}footer div{margin:10px 0 0;gap:12px 30px;width:100%;font-size:12px}.guide-index{padding:0 23px 60px}.guide-heading{padding:45px 0 30px}.guide-heading h1{font-size:39px}.guide-heading>p{font-size:14px}.search-box{padding:8px 13px;gap:10px}.search-box input{font-size:14px}.filters{gap:8px}.filters button{padding:7px 12px;font-size:12px}.guide-grid{grid-template-columns:1fr;gap:0}.guide-card{padding:23px 0}.guide-card h3{font-size:19px}.article-wrap{padding:25px 23px 65px}.breadcrumbs{margin-bottom:30px;font-size:11px}.article-layout{display:block}.article-layout aside{position:static;border:0;margin-bottom:32px;background:#eee8dc;padding:18px 20px;border-radius:8px}.article-layout aside .eyebrow{margin-bottom:7px;font-size:11px}.article-layout aside a{padding:5px 0;font-size:12px}.article-layout aside .back-guides{display:none}.article-layout article h1{font-size:33px}.article-layout .lead{font-size:16px}.step{gap:16px}.step h2{font-size:20px}.article-meta{font-size:10px}.outcome{padding:24px}.article-image{padding:25px}.article-image .phone{width:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.hero-phone{height:auto}
h1,h2,h3{text-wrap:balance}
/* Coral campaign direction: lively introduction, quiet reading pages. */
:root{--coral:#ff875f;--coral-light:#ffe1cf}
header{border-bottom-color:#e7d5c7}.nav-cta{background:var(--coral-light);border-color:transparent;color:#61331f}.nav-cta:hover{background:#ffc6a7;color:#41352e}.brand img{transition:transform .2s}.brand:hover img{transform:rotate(-8deg)}
.hero{max-width:none;background:var(--coral);padding-left:max(5.8%,calc((100vw - 1274px)/2));padding-right:max(5.8%,calc((100vw - 1274px)/2));border-radius:0 0 60px 60px;min-height:800px;gap:5%}.hero .eyebrow,.hero .lead,.hero .small{color:#583222}.hero h1{font-family:-apple-system,BlinkMacSystemFont,'PingFang TC',sans-serif;font-weight:850;letter-spacing:-.055em;color:#4b2d20;line-height:1.38}.hero h1 span{color:#fff9ee;position:relative;display:inline-block;text-shadow:0 1px 0 #a64d2930}.hero h1 span:after{content:'';position:absolute;bottom:-6px;height:6px;border-radius:50%;background:#ffe2b8;left:4px;right:3px;transform:rotate(-3deg)}.hero .text-link{border-color:#814727}.hero .button{background:#492e21}.hero .button:hover{background:#6c3a24}.hero-disc{background:#fff0d9;inset:48px -25px 40px;transform:rotate(-6deg);border-radius:47% 53% 42% 58%}.hero-art{height:640px}.hero-phone{top:25px;right:10px;width:242px}.cover-a{top:85px;left:2px;transform:rotate(-17deg)}.cover-b{right:-10px;bottom:75px}.paper-note{left:100px;bottom:75px;width:300px;z-index:2;transform:rotate(-7deg);padding:18px 22px}.paper-note p{font-size:20px}.orbit-label{color:#603921;top:5px;left:0}.art-caption{left:auto;right:5px;bottom:0;color:#663a27}.hero-spark{position:absolute;color:#fff8e8;font-size:50px;z-index:3;pointer-events:none}.spark-one{top:28px;left:150px;transform:rotate(12deg)}.spark-two{bottom:170px;right:-22px;font-size:65px}.mascot-meet{position:absolute;left:-22px;bottom:5px;z-index:4}.mascot-button{display:block;border:0;background:transparent;padding:0;color:#4c3022;cursor:pointer;position:relative;width:164px;touch-action:manipulation}.mascot-sprite{display:block;background-image:url('/assets/queque-greeting.png');background-repeat:no-repeat;background-size:400% 200%;background-position:0 0;aspect-ratio:1;width:100%;transform-origin:50% 90%}.mascot-button:hover .mascot-sprite,.mascot-button:focus-visible .mascot-sprite{transform:rotate(-5deg);background-position:66.6667% 100%}.mascot-hint{font-size:11px;padding:3px 12px;background:#fff7e8;border-radius:16px;display:inline-block;box-shadow:0 3px 0 #dc744b30}.mascot-speech{position:absolute;bottom:178px;left:-12px;width:204px;background:#fffaf1;padding:12px 15px;border-radius:18px 18px 18px 3px;box-shadow:0 4px 0 #b9572520;font-size:13px;line-height:1.7;transform:rotate(-4deg)}.mascot-button.is-greeting .mascot-sprite{animation:queque-hop .9s ease-in-out;background-position:0 100%}.hero-art.is-greeting .paper-note{animation:paper-wiggle .9s ease}.hero-art.is-greeting .spark-one{animation:spark-pop .9s ease}.intro{border:0}.kinds span{padding:6px 16px;background:#f5e4d2;border-radius:25px}.kinds i{color:#ed7d4f}.story .eyebrow{color:#944625}.story .scene{border:2px solid #e0ccb5}.story-copy h2{font-weight:700}.story-copy .text-link:after,.help-teaser .eyebrow:after{content:'';display:block;width:32px;height:3px;background:var(--coral);margin-top:5px;border-radius:3px}.care{background:#4b3329;color:#fff7e8}.care .eyebrow{color:#ffb590}.care>div>p:not(.eyebrow){color:#f2dfcd}.care .text-link{border-color:#e19a72;color:#ffbd98}.quick-links a:hover{background:#ffeddf;border-radius:8px}.start{background:var(--coral);border-radius:60px 60px 0 0;position:relative;padding-top:45px}.start h2{color:#472c20;font-weight:700}.start .eyebrow,.start .small{color:#643b28}.start-bird{width:150px;margin:0 auto 20px;background-position:0 100%;transform:rotate(-6deg)}.start .button{background:#4b3023}.guide-heading{position:relative}.guide-heading>.eyebrow{display:inline-block;background:#ffe3d0;padding:5px 12px;border-radius:7px}.guide-bird{position:absolute;width:115px;right:16px;top:75px;background-position:66.6667% 100%;transform:rotate(7deg)}.guide-heading h1{padding-right:125px}.filters button[aria-pressed=true]{background:#ffd4b8;color:#633621;border-color:#e99a6c}.guide-card:hover{background:#fff0e4}.guide-card h3 span{color:#aa482b}.guide-card{border-top-color:#dcc9b7}.article-layout aside{border-right-color:#e9c4ab}.article-layout aside .eyebrow{color:#a44a2e}.step>span{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;background:#ffe4cf;border-radius:50%;font-family:inherit;font-size:14px;font-weight:650}.article-layout article .lead,.step p{color:#6b5e52}.outcome{background:#f4e9d9;border-left:3px solid #ec9466}.article-layout article h1{font-size:41px}.article-end .text-link:hover{color:#943e26}
@keyframes queque-hop{0%,100%{transform:translateY(0) rotate(0) scale(1)}20%{transform:translateY(4px) scale(1.05,.95)}48%{transform:translateY(-22px) rotate(-9deg) scale(.98,1.03)}72%{transform:translateY(2px) rotate(4deg) scale(1.04,.96)}}
@keyframes paper-wiggle{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(-3deg) translateY(-4px)}}
@keyframes spark-pop{0%,100%{transform:scale(1) rotate(12deg)}50%{transform:scale(1.4) rotate(30deg)}}
@media(max-width:1000px){.hero{padding-left:4%;padding-right:4%;min-height:740px;gap:3%}.hero-art{height:610px}.hero-phone{width:215px;right:0}.paper-note{width:255px;left:75px;bottom:90px;padding:16px}.paper-note p{font-size:18px}.mascot-meet{left:-15px;bottom:5px}.mascot-button{width:145px}.mascot-speech{bottom:158px;left:0;width:175px;font-size:12px}.guide-bird{right:0}}
@media(max-width:700px){.hero{padding:45px 25px 35px;min-height:0;border-radius:0 0 34px 34px;gap:15px}.hero-art{height:580px;margin-top:25px}.hero-phone{width:205px;right:8px;top:20px}.hero-disc{inset:55px -8px 75px}.paper-note{width:238px;left:auto;right:-5px;bottom:112px;padding:15px 18px;transform:rotate(-7deg)}.paper-note p{font-size:17px;line-height:1.8}.paper-note small{font-size:10px}.paper-note span{font-size:9px}.mascot-meet{left:-14px;bottom:10px}.mascot-button{width:133px}.mascot-speech{bottom:147px;left:0;width:157px;padding:10px 12px;font-size:11px}.mascot-hint{font-size:10px}.spark-one{left:115px;top:0;font-size:32px}.spark-two{right:-16px;bottom:200px;font-size:42px}.hero .cover-a{left:5px;top:75px}.art-caption{right:0;left:auto;bottom:0;font-size:8px}.orbit-label{font-size:10px}.kinds{gap:7px;flex-wrap:wrap}.kinds span{padding:4px 11px;font-size:12px}.kinds i{font-size:7px}.start{border-radius:34px 34px 0 0;padding-top:30px}.start-bird{width:125px;margin-bottom:18px}.guide-bird{width:85px;top:100px;right:0}.guide-heading h1{font-size:37px;padding-right:80px}.guide-heading>.eyebrow{font-size:10px}.article-layout article h1{font-size:32px}.step{gap:13px}.step>span{width:32px;height:32px;font-size:12px}.step h2{padding-top:2px}}
@media(prefers-reduced-motion:reduce){.mascot-button:hover .mascot-sprite,.mascot-button:focus-visible .mascot-sprite{transform:none}.mascot-button.is-greeting .mascot-sprite,.hero-art.is-greeting .paper-note,.hero-art.is-greeting .spark-one{animation:none}.brand:hover img{transform:none}}
@media(min-width:701px){.hero{min-height:660px;padding-top:35px;padding-bottom:40px}.hero-art{height:550px}.hero-phone{width:215px;top:10px}.hero-disc{inset:35px -20px 35px}.paper-note{bottom:62px}.cover-a{top:60px}.mascot-meet{bottom:0}.hero-spark.spark-one{top:5px}}
/* Integrated support pages: clear reading rhythm, accessible comparisons. */
.prose-section{scroll-margin-top:28px;margin:0 0 42px}.prose-section>h2{font:600 24px/1.6 -apple-system,BlinkMacSystemFont,'PingFang TC',sans-serif;margin-bottom:16px}.prose-section p,.prose-section li{color:#66594f}.prose-section a,.article-end .small a{color:#91452e;text-decoration:underline;text-underline-offset:4px}.prose-section ul,.prose-section ol{padding-left:24px}.prose-section li{margin-bottom:10px}.prose-section details{border-bottom:1px solid var(--line)}.prose-section summary{cursor:pointer;padding:19px 0;font-weight:600;line-height:1.7}.prose-section details p{padding:0 8px 8px 0}.article-layout article{min-width:0}.article-layout aside{max-height:calc(100vh - 80px);overflow:auto}.worked-example{padding:24px 28px;margin:32px 0;background:#fff4e8;border:1px dashed #c39876;border-radius:12px}.worked-example h2,.worked-example h3{font:600 18px/1.5 -apple-system,BlinkMacSystemFont,'PingFang TC',sans-serif;margin-bottom:12px}.worked-example p{margin:0 0 10px}.worked-example small{font-size:11px;color:var(--muted)}.status-note{background:#fff0df;border-left:4px solid #c76843;border-radius:6px;padding:20px 24px}.status-note p{margin:12px 0 0}.table-scroll{overflow:auto;margin:26px 0;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;font-size:14px;min-width:520px}caption{text-align:left;padding:14px 18px;background:#f0e3d0;font-size:12px}th,td{padding:15px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.8}thead th{background:#fff1e3;color:#653d2a}tbody th{font-weight:500;width:34%}tbody tr:last-child>*{border-bottom:0}.contact-email{font-size:clamp(18px,4vw,26px);overflow-wrap:anywhere}.plan-teaser{max-width:1100px;margin:80px auto;padding:0 30px;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.plan-teaser h2{margin-bottom:24px}.plan-teaser p{color:var(--muted)}.test-stamp{background:#ffe0ca;border:2px solid #d6936c;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;transform:rotate(4deg);max-width:310px;width:100%;text-align:center}.test-stamp small{color:#845b42;font-size:15px;letter-spacing:.2em}.test-stamp strong{font-size:29px;color:#653a23}.test-stamp span{font-size:12px;color:#705442;line-height:1.9}.highlights-scene{background:#f7e0cb;display:flex;align-items:center;justify-content:center}.highlights-scene .phone{transform:rotate(4deg);width:225px}.faq-preview-link{margin-top:24px}.article-image img{object-fit:contain}nav{gap:23px}.mascot-speech{overflow-wrap:anywhere}footer a{min-height:32px}main p{overflow-wrap:break-word}
@media(max-width:700px){header{padding:0 16px}nav{gap:12px;font-size:11px}.brand{gap:7px}.brand b{font-size:21px}.brand img{width:29px;height:29px}.nav-cta{padding:8px 10px}header nav a:first-child{display:none}.plan-teaser{display:flex;flex-direction:column;gap:30px;padding:0 25px;margin:60px auto}.plan-teaser h2{font-size:32px}.test-stamp{max-width:240px;align-self:center}.test-stamp strong{font-size:25px}.article-layout aside{max-height:none;overflow:visible}.prose-section>h2{font-size:21px}.prose-section{margin-bottom:32px}.worked-example{padding:22px}.highlights-scene .phone{width:205px}.hero .art-caption{max-width:205px;text-align:right}.prose-section summary{min-height:48px}}
@media(max-width:360px){nav{gap:9px}header{padding:0 12px}.brand b{font-size:19px}.brand img{width:26px;height:26px}.nav-cta{padding:7px 8px}.hero{padding-left:20px;padding-right:20px}.hero-art{transform:scale(.94);transform-origin:top center;height:550px}}
.page-toc summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--accent);min-height:44px;display:flex;align-items:center;gap:10px}.page-toc summary:after{content:'＋';margin-left:auto}.page-toc[open] summary:after{content:'−'}.page-toc summary::-webkit-details-marker{display:none}
/* Help content: direct steps, no repeated story panels or generic screenshots. */
.compact-guide{max-width:780px;margin:0 auto;padding:40px 32px 70px;min-height:65vh}.compact-guide .breadcrumbs{margin-bottom:32px}.compact-guide h1{font-size:38px;line-height:1.5;margin-bottom:16px}.compact-guide .lead{font-size:17px;margin-bottom:32px}.guide-steps{padding-left:25px;margin:0}.guide-steps li{padding-left:8px;margin:0 0 26px}.guide-steps li::marker{color:var(--accent);font-weight:600}.guide-steps h2{font:600 19px/1.6 -apple-system,BlinkMacSystemFont,'PingFang TC',sans-serif;margin:0 0 7px}.guide-steps p{margin:0;color:#66594f}.guide-note{padding:18px 20px;border-left:3px solid #ce8a61;background:#f3e9db;margin:30px 0 0;font-size:14px}.compact-footer{border-top:1px solid var(--line);padding-top:22px;margin-top:32px;display:flex;justify-content:space-between;gap:20px;font-size:14px}.compact-footer a{text-decoration:underline;text-underline-offset:4px}.guide-heading h1{padding-right:0}.guide-heading .guide-bird{top:55px}.guide-heading:has(#guide-search){padding-bottom:25px}.guide-heading:has(#guide-search)>.eyebrow{display:none}
@media(max-width:700px){.compact-guide{padding:26px 23px 48px}.compact-guide h1{font-size:29px}.compact-guide .lead{font-size:16px;margin-bottom:27px}.guide-steps h2{font-size:18px}.guide-steps li{margin-bottom:22px}.guide-heading .guide-bird{top:35px}.guide-heading:has(#guide-search) h1{padding-right:90px}}