/* Support-page-only layout: shared page styles and other pages stay unchanged. */
body.lp4-support { background:#181818; color:#f1ead9; }
.lp4-support .page { max-width:1280px; margin:auto; }
.lp4-support :is(h1,h2,h3,p) { text-shadow:none; transform:none; }
.lp4-support :is(h1,h2,h3) { text-wrap:balance; }
.lp4-support h2 { font-size:clamp(25px,3vw,38px); color:#f1ead9; line-height:1.4; }
.lp4-support h3 { font-size:20px; color:inherit; line-height:1.5; }
.lp4-support p { line-height:1.85; }
.lp4-support a { text-underline-offset:5px; }
.lp4-support a:focus-visible,.lp4-support summary:focus-visible { outline:3px solid #ece154;outline-offset:5px; }
.lp4-support a:hover { color:#ece154; }
.lp4-support :is(section,[id^=source-group]) { scroll-margin-top:24px; }
.lp4-support .support-header { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 4%;border-bottom:1px solid #f1ead930; }
.lp4-support .support-brand { flex:none;background:#f1ead9;padding:7px 10px;display:block; }
.lp4-support .support-brand img { width:126px;height:30px;display:block;object-fit:contain; }
.lp4-support .support-desktop-nav { display:flex;gap:6px; }
.lp4-support .support-desktop-nav a { padding:12px 16px;min-height:44px;color:#f1ead9;text-decoration:none; }
.lp4-support .support-desktop-nav [aria-current] { background:#b23413; }
.lp4-support .support-menu { display:none;position:relative; }
.lp4-support .support-menu summary { min-height:44px;display:flex;gap:12px;align-items:center;padding:8px 12px;border:1px solid #f1ead966;cursor:pointer;list-style:none; }
.lp4-support .support-menu summary::-webkit-details-marker { display:none; }
.lp4-support .support-mobile-nav { position:absolute;z-index:5;right:0;top:calc(100% + 8px);width:210px;padding:8px;background:#f1ead9;box-shadow:0 10px 28px #0008; }
.lp4-support .support-mobile-nav a { display:block;min-height:44px;padding:12px;color:#181818;text-decoration:none; }
.lp4-support .support-mobile-nav a:hover { background:#e5d9c0; }
.lp4-support .inner-hero { padding:56px 4% 40px;border-bottom:1px solid #f1ead930;min-height:0;background:radial-gradient(ellipse at 100% 0%,#64261955,transparent 65%); }
.lp4-support .support-kicker,.lp4-support .support-eyebrow { margin:0 0 14px;font-size:14px;letter-spacing:.08em;font-weight:600;color:#ece154; }
.lp4-support .inner-hero h1 { font-size:clamp(38px,5.5vw,68px);line-height:1.2;max-width:850px;margin:0; }
.lp4-support .support-intro { max-width:720px;color:#d2cbbb;margin:24px 0 0;font-size:17px; }
.lp4-support .support-jumps { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px; }
.lp4-support .support-jumps a { display:flex;gap:12px;align-items:center;min-height:64px;background:#f1ead9;border-bottom:4px solid #b23413;padding:12px 18px;text-decoration:none;color:#181818;font-weight:600; }
.lp4-support .support-jumps a:hover { background:#e6d9bd; }
.lp4-support .support-jumps span { font-size:12px;color:#8b351b; }
.lp4-support .support-jumps b { margin-left:auto;color:#a72c10; }
.lp4-support main>section { padding:44px 4%;border-bottom:1px solid #f1ead92b; }
.lp4-support .support-section-head { max-width:780px;margin-bottom:24px; }
.lp4-support .support-section-head h2 { margin:0 0 12px; }
.lp4-support .support-section-head p:last-child { margin:0;color:#d2cbbb; }
.lp4-support .source-groups { display:grid;gap:12px; }
.lp4-support .source-group { border:1px solid #f1ead940;background:#222; }
.lp4-support .source-group>summary { display:flex;align-items:center;gap:16px;min-height:72px;padding:18px 22px;cursor:pointer;list-style:none; }
.lp4-support .source-group>summary::-webkit-details-marker { display:none; }
.lp4-support .source-category { font-size:22px;font-weight:900; }
.lp4-support .source-count { color:#d2cbbb;font-size:14px; }
.lp4-support .source-toggle { margin-left:auto;font-size:26px;color:#ece154; }
.lp4-support .source-group[open] .source-toggle { transform:rotate(45deg); }
.lp4-support .source-group[open]>summary { border-bottom:1px solid #f1ead930; }
.lp4-support .source-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#d5ccba;margin:0;padding:0; }
.lp4-support .source-grid li { display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;gap:5px 16px;padding:18px;align-content:center;align-items:center;justify-items:stretch;background:#f1ead9;min-width:0; }
.lp4-support .source-grid li>picture { display:block;grid-column:1;grid-row:1 / 3;width:64px;height:88px; }
.lp4-support .source-grid li>picture>img { display:block;width:64px;height:88px;max-width:64px;object-fit:contain;grid-row:auto; }
.lp4-support .source-grid li>span { grid-column:2;grid-row:1;min-width:0;font-size:15px;line-height:1.6;overflow-wrap:anywhere;align-self:end; }
.lp4-support .source-grid li>time { grid-column:2;grid-row:2;font-size:12px;color:#59554a;line-height:1.5;align-self:start; }
.lp4-support .group-top { display:block;padding:14px 22px;min-height:48px;font-size:14px; }
.lp4-support .support-note { font-size:14px;color:#bcb7ab;margin:22px 0 0;max-width:850px; }
.lp4-support #spend.spend { padding:44px 4%;background:transparent; }
.lp4-support .spend-checks { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;list-style:none;margin:0; }
.lp4-support .spend-checks li { border-top:3px solid #b23413;background:#242424;padding:22px; }
.lp4-support .spend-checks li>span { display:block;color:#ece154;font-size:13px;margin-bottom:12px; }
.lp4-support .spend-checks h3 { margin:0 0 10px; }
.lp4-support .spend-checks p { margin:0;color:#d2cbbb;font-size:16px; }
.lp4-support .support-text-link { display:inline-flex;align-items:center;min-height:48px;margin-top:16px; }
.lp4-support .support-help-panel { display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f1ead9;color:#181818;padding:28px; }
.lp4-support .support-help-panel h3 { margin:0 0 6px; }
.lp4-support .support-help-panel p { margin:0;font-size:16px; }
.lp4-support .support-primary { display:flex;align-items:center;justify-content:center;flex:none;min-height:52px;padding:14px 24px;background:#ac3011;color:#fff;font-weight:600;text-decoration:none;border:0; }
.lp4-support .support-primary:hover { background:#88260d;color:#fff; }
.lp4-support .support-legal { display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:12px; }
.lp4-support .support-legal a { display:flex;align-items:center;min-height:44px; }
.lp4-support #data { background:#202020; }
.lp4-support #data h2 { font-size:25px; }
.lp4-support #data p { max-width:840px;font-size:15px;color:#d2cbbb; }
.lp4-support .support-guides { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.lp4-support .support-guides a { display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid #f1ead940;text-decoration:none;min-height:110px; }
.lp4-support .support-guides span { font-size:14px;color:#bcb7ab; }
.lp4-support .support-guides strong { font-size:18px; }
.lp4-support .site-footer { max-width:1280px;margin:auto;padding:24px 4%; }
.lp4-support .footer-top { padding-bottom:16px; }
.lp4-support .footer-columns { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 0;gap:20px; }
.lp4-support .footer-bottom { padding-top:18px; }
@media(max-width:767px){
 .lp4-support .support-desktop-nav{display:none}
 .lp4-support .support-menu{display:block}
 .lp4-support .support-header{padding:16px 20px}
 .lp4-support .inner-hero{padding:32px 20px}
 .lp4-support .support-jumps{gap:8px;margin-top:24px}
 .lp4-support .support-jumps a{padding:12px 6px;min-height:70px;flex-wrap:wrap;justify-content:center;gap:5px;font-size:14px}
 .lp4-support .support-jumps span{flex-basis:100%;text-align:center}
 .lp4-support .support-jumps b{margin:0}
 .lp4-support main>section,.lp4-support #spend.spend{padding:32px 20px}
 .lp4-support .source-grid,.lp4-support .spend-checks,.lp4-support .support-guides{grid-template-columns:1fr}
 .lp4-support .source-group>summary{padding:16px;min-height:68px}
 .lp4-support .source-grid li{padding:16px;gap:4px 14px}
 .lp4-support .support-help-panel{padding:22px;flex-direction:column;align-items:stretch;gap:18px}
 .lp4-support .spend-checks li{padding:20px}
 .lp4-support .support-guides a{min-height:96px;padding:18px}
 .lp4-support .site-footer{padding:24px 20px}
}
@media(prefers-reduced-motion:reduce){.lp4-support *{scroll-behavior:auto;transition:none}}
/* Override the legacy ID-level heading effect for this support section. */
.lp4-support #data h2 { color:#f1ead9; text-shadow:none; }
.lp4-support .site-footer h2 { font-size:16px;line-height:1.5;margin:0 0 10px; }
/* Refined B: one original card, open composition and restrained task links. */
.lp4-support .inner-hero {
 display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1fr);
 grid-template-rows:auto auto auto 1fr;gap:0 7%;align-items:start;
 padding:60px 5% 64px;isolation:isolate;position:relative;
 background:radial-gradient(ellipse at 23% 42%,#80381e24,transparent 48%),#181818;
}
.lp4-support .inner-hero .support-kicker { grid-column:2;grid-row:1;margin:12px 0 24px;padding:0;border:0;background:none;font-size:13px;letter-spacing:.12em; }
.lp4-support .inner-hero h1 {
 grid-column:2;grid-row:2;margin:0;padding:0;
 font-family:"Songti TC","Noto Serif TC","PMingLiU",serif;
 font-weight:700;font-size:clamp(50px,5.6vw,76px);line-height:1.3;letter-spacing:.025em;
}
.lp4-support .inner-hero h1 span { display:block;padding:0; }
.lp4-support .inner-hero .support-intro { grid-column:2;grid-row:3;background:none;border:0;padding:0;margin:24px 0 0;font-size:16px;line-height:1.9;color:#c7c0b2; }
.lp4-support .archive-scene { grid-column:1;grid-row:1 / 5;position:relative;margin:0;min-width:0;align-self:center; }
.lp4-support .archive-marker { display:flex;align-items:center;gap:14px;margin:0;font-size:11px;font-weight:400;letter-spacing:.14em;color:#d0c4b1; }
.lp4-support .archive-marker span { font-size:13px;color:#a69882; }
.lp4-support .archive-marker:after { content:"";width:30px;height:1px;background:#a57249; }
.lp4-support .archive-stage { position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:34px 22px 26px; }
.lp4-support .archive-stage:before {
 content:"";position:absolute;z-index:-1;inset:4% 0 0;border-radius:50%;filter:blur(24px);
 background:radial-gradient(ellipse at 30% 28%,#ad4b272e,transparent 56%),radial-gradient(ellipse at 72% 77%,#78301926,transparent 48%);
}
.lp4-support .archive-stage:after {
 content:"";position:absolute;z-index:-1;inset:22% 1% 14%;transform:rotate(-18deg);
 background:linear-gradient(150deg,#29231f66,#17161600 70%);opacity:.45;
}
.lp4-support .archive-card { display:block;position:relative;width:80%;max-width:340px;transform:rotate(-5deg);filter:drop-shadow(7px 20px 20px #0008); }
.lp4-support .archive-card img.support-product-image { display:block;width:100%;height:auto;border-radius:10px; }
.lp4-support .archive-scene figcaption { display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 0 0; }
.lp4-support .archive-scene figcaption strong { font-size:21px;font-weight:600;line-height:1.5; }
.lp4-support .archive-scene figcaption>span { font-size:13px;color:#c0bbae;letter-spacing:.025em; }
.lp4-support .archive-scene figcaption small { margin-top:6px;font-size:11px;color:#aaa497;line-height:1.6; }
.lp4-support .support-jumps { grid-column:2;grid-row:4;grid-template-columns:1fr;gap:0;margin-top:32px;border-top:1px solid #f1ead930; }
.lp4-support .support-jumps a { display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:20px;align-items:center;min-height:94px;padding:18px 0;border:0;border-bottom:1px solid #f1ead930;background:transparent;color:#f1ead9; }
.lp4-support .support-jumps a:last-child { border-bottom:0; }
.lp4-support .support-jumps a:hover { background:#f1ead907; }
.lp4-support .entry-art { width:42px;height:44px;color:#e37651;stroke-width:2.5; }
.lp4-support .support-jumps .entry-copy { display:flex;flex-direction:column;gap:5px;font-size:20px;color:#f1ead9;text-align:left;min-width:0; }
.lp4-support .entry-copy strong { font-weight:600;line-height:1.4; }
.lp4-support .entry-copy small { font-size:13px;line-height:1.65;color:#bfb9ac;font-weight:400; }
.lp4-support .support-jumps b { margin:0;color:#e37651;font-size:20px;font-weight:400;line-height:1;text-align:center; }
.lp4-support .source-group>summary { gap:16px;padding:14px 22px; }
.lp4-support .source-group .source-thumb { display:flex;align-items:center;justify-content:center;flex:none;width:48px;height:60px; }
.lp4-support .source-thumb img.support-product-image { display:block;max-width:48px;max-height:60px;width:auto;height:auto;object-fit:contain; }
@media(min-width:768px) and (max-width:1023px){
 .lp4-support .inner-hero { column-gap:6%;padding:42px 4%; }
 .lp4-support .inner-hero h1 { font-size:52px; }
 .lp4-support .inner-hero .support-kicker { margin-top:0;margin-bottom:20px;font-size:12px; }
 .lp4-support .inner-hero .support-intro { font-size:15px;margin-top:20px; }
 .lp4-support .archive-stage { padding:34px 6px 26px; }
 .lp4-support .archive-card { width:86%; }
 .lp4-support .support-jumps { margin-top:24px; }
 .lp4-support .support-jumps a { grid-template-columns:32px minmax(0,1fr) 20px;gap:12px;min-height:86px; }
 .lp4-support .entry-art { width:32px;height:36px; }
 .lp4-support .support-jumps .entry-copy { font-size:18px; }
}
@media(max-width:767px){
 .lp4-support .inner-hero { grid-template-columns:minmax(0,1fr);padding:32px 24px 36px; }
 .lp4-support .inner-hero .support-kicker { grid-column:1;grid-row:1;margin:0 0 20px;font-size:11px; }
 .lp4-support .inner-hero h1 { grid-column:1;grid-row:2;font-size:46px;line-height:1.28;letter-spacing:.02em; }
 .lp4-support .inner-hero h1 span { display:inline-block; }
 .lp4-support .inner-hero .support-intro { grid-column:1;grid-row:3;margin-top:18px;font-size:14px;line-height:1.9;max-width:340px; }
 .lp4-support .archive-scene { grid-column:1;grid-row:4;margin:30px 0 0; }
 .lp4-support .archive-marker { font-size:10px;gap:10px; }
 .lp4-support .archive-stage { padding:28px 16px 24px; }
 .lp4-support .archive-card { width:66%;max-width:210px; }
 .lp4-support .archive-scene figcaption { display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding-top:8px;align-items:center; }
 .lp4-support .archive-scene figcaption strong { font-size:18px; }
 .lp4-support .archive-scene figcaption>span { font-size:12px; }
 .lp4-support .archive-scene figcaption small { grid-column:1 / -1;margin-top:0;font-size:10px; }
 .lp4-support .support-jumps { grid-column:1;grid-row:5;margin-top:28px; }
 .lp4-support .support-jumps a { grid-template-columns:32px minmax(0,1fr) 20px;gap:14px;min-height:82px;padding:16px 0; }
 .lp4-support .entry-art { width:32px;height:36px; }
 .lp4-support .support-jumps .entry-copy { flex-basis:auto;font-size:18px; }
 .lp4-support .entry-copy small { font-size:12px; }
 .lp4-support .source-group>summary { gap:12px;padding:12px; }
 .lp4-support .source-category { font-size:20px; }
 .lp4-support .source-count { font-size:13px; }
 .lp4-support .source-group .source-thumb { width:40px;height:54px; }
 .lp4-support .source-thumb img.support-product-image { max-width:40px;max-height:54px; }
}
@media(max-width:359px){
 .lp4-support .inner-hero { padding-left:20px;padding-right:20px; }
 .lp4-support .inner-hero h1 { font-size:42px; }
 .lp4-support .support-jumps a { gap:10px; }
}
/* Catalogue and reading flow refinements; approved B composition stays intact. */
.lp4-support .support-quick { display:none; }
.lp4-support main>section:not(.inner-hero) { padding-top:48px;padding-bottom:48px;border-bottom-color:#f1ead91f; }
.lp4-support main>section:not(.inner-hero) h2 { font-size:clamp(26px,2.8vw,34px);font-weight:500;letter-spacing:.01em; }
.lp4-support .support-section-head { margin-bottom:28px; }
.lp4-support .support-section-head p { max-width:680px; }
.lp4-support .source-group { border:0;background:#222; }
.lp4-support .source-group>summary { border-bottom:1px solid #f1ead92b; }
.lp4-support .source-category { font-weight:500; }
.lp4-support .source-grid { background:#d9d0c0;gap:1px; }
.lp4-support .source-grid li.source-record { align-content:start;grid-template-rows:auto; }
.lp4-support .source-record>.source-copy { grid-column:2;grid-row:1;min-width:0;align-self:center; }
.lp4-support .source-record>picture { grid-row:1; }
.lp4-support .source-name { display:block;font-size:15px;line-height:1.6;font-weight:400;color:#222;overflow-wrap:anywhere; }
.lp4-support .source-code { display:block;margin-top:4px;font-size:13px;font-weight:600;line-height:1.5;color:#594937;font-variant-numeric:tabular-nums; }
.lp4-support .source-date { margin-top:7px;font-size:11px;line-height:1.6;color:#675f53; }
.lp4-support .source-date time { font-size:inherit;color:inherit; }
.lp4-support .source-history { grid-column:1 / -1;min-width:0;margin-top:9px;border-top:1px solid #18181825; }
.lp4-support .source-history>summary { cursor:pointer;min-height:44px;padding:12px 0;font-size:12px;color:#594937; }
.lp4-support .source-history-list { list-style:none;padding:0;margin:0; }
.lp4-support .source-history-list li.source-record { padding:10px 0 4px;background:transparent;grid-template-columns:48px minmax(0,1fr);gap:10px; }
.lp4-support .source-history-list li.source-record>picture,.lp4-support .source-history-list li.source-record>picture img { width:48px;height:68px;max-width:48px; }
.lp4-support .source-history .source-name { font-size:13px; }
.lp4-support .source-more { background:#242424; }
.lp4-support .source-more>summary { display:flex;align-items:center;gap:12px;min-height:56px;padding:16px 22px;list-style:none;cursor:pointer;color:#f1ead9;font-size:14px; }
.lp4-support .source-more>summary::-webkit-details-marker { display:none; }
.lp4-support .source-more>summary:hover { background:#ffffff08; }
.lp4-support .more-symbol { margin-left:auto;font-size:20px;color:#ece154; }
.lp4-support .more-open,.lp4-support .source-more[open] .more-closed { display:none; }
.lp4-support .source-more[open] .more-open { display:inline; }
.lp4-support .source-more[open] .more-symbol { transform:rotate(45deg); }
.lp4-support .spend-checks li { border-top:1px solid #b8714c;background:#202020;padding:24px; }
.lp4-support .spend-checks h3,.lp4-support .support-help-panel h3 { font-weight:500; }
.lp4-support .support-guides a { border:0;border-top:1px solid #f1ead940;min-height:100px;padding:20px 0; }
.lp4-support .support-guides a:hover { background:#f1ead907; }
.lp4-support .support-guides strong { font-weight:500; }
.lp4-support #data h2 { font-size:23px; }
.lp4-support #data p { font-size:14px; }
@media(max-width:767px){
 .lp4-support .support-quick { display:inline-flex;grid-column:1;grid-row:4;justify-self:start;align-items:center;gap:12px;min-height:44px;margin-top:8px;font-size:13px;color:#d6c5aa;text-decoration:none; }
 .lp4-support .support-quick:hover { color:#ece154; }
 .lp4-support .archive-scene { grid-row:5;margin-top:16px; }
 .lp4-support .support-jumps { grid-row:6; }
 .lp4-support main>section:not(.inner-hero) { padding-top:36px;padding-bottom:36px; }
 .lp4-support main>section:not(.inner-hero) h2 { font-size:26px; }
 .lp4-support .support-section-head { margin-bottom:24px; }
 .lp4-support .source-count { font-size:12px; }
 .lp4-support .source-more>summary { padding:14px 16px; }
 .lp4-support .source-history-list li.source-record { padding-left:0;padding-right:0; }
 .lp4-support .spend-checks li { padding:20px; }
 .lp4-support .support-guides { gap:0; }
 .lp4-support .support-guides a { min-height:92px; }
 .lp4-support #data h2 { font-size:22px; }
}
/* Match legacy ID selectors so every lower-page heading uses the same weight. */
.lp4-support :is(#sources,#spend,#help,#guides,#data) h2,
.lp4-support #help .support-help-panel h3 { font-weight:500; }

/* Local footer contrast fix; keep approved B hero colors unchanged. */
.lp4-support .site-footer a[aria-current="page"],
.lp4-support .footer-bottom a[href^="https://wa.me/"] {
 background:#b23413;color:#f1ead9;
}
.lp4-support .site-footer a[aria-current="page"]:hover,
.lp4-support .footer-bottom a[href^="https://wa.me/"]:hover {
 background:#8c290e;color:#fff;
}