/* Shared final formatting, after legacy styles. */
body{background:var(--page-bg);color:var(--text-body);font:400 15px/1.625 var(--font-sans)}
.sd.text.guide-type{font-family:var(--font-sans);color:var(--text-body);background:transparent;letter-spacing:normal;text-shadow:none;height:auto;min-height:0;max-width:100%;overflow-wrap:break-word}
p.sd.text.guide-type{font-size:15px;font-weight:400;line-height:1.625;margin:0 0 16px;padding:0}
h1.sd.text.guide-type{font-size:clamp(36px,4.2vw,56px);font-weight:600;line-height:1.08;margin:0 0 24px;padding:0;color:var(--text-primary)}
h2.sd.text.guide-type{font-size:24px;font-weight:600;line-height:1.35;margin:0 0 24px;padding:0;color:var(--text-primary)}
h3.sd.text.guide-type{font-size:20px;font-weight:600;line-height:1.4;margin:0 0 12px;padding:0;color:var(--text-primary)}
a.sd.text.guide-type{font-size:15px;font-weight:500;line-height:1.625;margin:0;padding:0;color:var(--link);border-radius:0;box-shadow:none;text-decoration:underline;text-underline-offset:3px;width:auto}
.sd.surface-panel{padding:48px;margin:48px auto 0;width:calc(100% - 80px);max-width:1200px;height:auto;min-height:0;background:var(--surface);border-radius:12px;box-shadow:none}
.sd.surface-panel>.sd.panel-inner{padding:0;margin:0;width:100%;max-width:100%;height:auto;min-height:0;gap:0;background:transparent}
.sd.surface-panel .guide-type{flex:none}
.sd.nav-link.guide-type{color:var(--text-primary);font-size:13px;font-weight:500;line-height:1.4;min-height:44px;display:flex;align-items:center;margin:0 0 0 12px;padding:10px 12px;text-decoration:none;border-radius:6px;background:transparent}
.sd.nav-link.guide-type:hover{background:var(--media-bg)}
a.sd.guide-button.guide-type,button.sd.profile-button,form.guide-form button.sd{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:auto;max-width:100%;height:auto;margin:8px 0 0;padding:10px 20px;font:500 15px/1.5 var(--font-sans);color:var(--surface);background:var(--text-primary);border:1px solid transparent;border-radius:999px;text-decoration:none;cursor:pointer;box-shadow:none;white-space:normal}
a.sd.guide-button.guide-type:hover,form.guide-form button.sd:hover{opacity:.85}
header a.sd.guide-button.guide-type{margin:0 0 0 16px;font-size:13px}
button.sd.profile-button{border:1px solid var(--border);color:var(--text-primary);background:var(--surface);font-size:13px;min-height:44px;padding:8px 16px}
.sd.news-row{display:block;margin:0;padding:24px 0;width:100%;max-width:760px;height:auto;border-bottom:1px solid var(--border);background:transparent}
.sd.news-row:last-child{border-bottom:0;padding-bottom:0}
.sd.news-row>a.sd.guide-type{display:inline;font-size:16px;font-weight:600}
.sd.news-row>p.sd.guide-type{margin:8px 0 0;text-align:left;width:100%;max-width:100%}
.era-progress{max-width:800px;width:100%;margin:8px auto 0;color:var(--text-body);font:400 15px/1.625 var(--font-sans)}
.era-progress-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:20px;padding:16px 0;margin:0;border-bottom:1px solid var(--border);color:var(--text-body)}
.era-progress-row time{color:var(--text-secondary);font-size:13px}.era-progress-row a{color:var(--link);text-decoration:underline;text-underline-offset:3px}
.sd.era-update-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px;width:100%;max-width:100%;padding:12px 0;margin:0;background:transparent}
.sd.era-update-row>p.sd.guide-type{width:auto;max-width:100%;margin:0;text-align:left;color:var(--text-body)}
.sd.era-update-row>p:first-child{font-size:13px;color:var(--text-secondary)}
#book>a.sd:not(.guide-type),#book>div.sd:not(.image),#exhibition>a.sd:not(.guide-type),#exhibition>div.sd:not(.image){width:100%;max-width:800px;margin:0;padding:0;background:transparent;height:auto}
.sd.people-groups{width:100%;max-width:100%;padding:0;margin:16px 0 0;gap:24px}
.sd.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;justify-content:start;width:100%;max-width:100%;padding:0;margin:0}
.sd.person-card{display:flex;align-items:flex-start;flex-direction:column;gap:0;width:100%;max-width:100%;height:auto;min-height:0;padding:0;margin:0;background:transparent;border-radius:0}
.sd.person-card>.image{width:100%;max-width:100%;height:300px;margin:0 0 16px;border-radius:6px;overflow:hidden}
.sd.person-card>h3.sd.guide-type{text-align:left;margin:0 0 8px}
.sd.person-card>p.sd.guide-type{text-align:left;margin:0 0 4px;font-size:13px;line-height:1.6;width:100%}
.sd.person-card>a.sd.guide-type{font-size:13px;margin:8px 0 0;min-height:24px}
.sd.person-card>.profile-button{margin-top:12px}
form.sd.guide-form{display:flex;flex-direction:column;align-items:stretch;gap:20px;width:100%;max-width:640px;height:auto;padding:0;margin:24px auto 0;background:transparent}
form.sd.guide-form .sd:not(.text):not(input):not(textarea):not(button){height:auto;min-height:0;margin:0;padding:0;max-width:100%;background:transparent;gap:20px}
form.sd.guide-form>.sd{width:100%}
form.sd.guide-form p.sd.guide-type{color:var(--text-primary);font-size:13px;font-weight:500;text-align:left;margin:0 0 8px;width:100%;height:auto}
form.sd.guide-form .contact-note{font:400 12px/1.7 var(--font-sans);color:var(--text-secondary);margin:0;text-align:left}
form.sd.guide-form input.sd,form.sd.guide-form textarea.sd{width:100%;max-width:100%;min-height:44px;height:auto;padding:12px 14px;margin:0;border:1px solid var(--border);background:var(--page-bg);color:var(--text-primary);border-radius:6px;font:400 15px/1.625 var(--font-sans);box-shadow:none}
form.sd.guide-form textarea.sd{min-height:150px;resize:vertical}
form.sd.guide-form input::placeholder,form.sd.guide-form textarea::placeholder{color:var(--text-secondary);opacity:1}
form.sd.guide-form button.sd{align-self:flex-start;margin:0}
footer.sd{padding:32px 16px;margin:32px auto 0;height:auto;background:var(--page-bg);color:var(--text-secondary)}
footer.sd p.sd.guide-type{font-size:12px;line-height:1.7;color:var(--text-secondary);margin:0}
.modal-shell .sd.text.guide-type{color:var(--text-body);font:400 15px/1.625 var(--font-sans);margin:0;padding:0}
.modal-shell>[data-backdrop]{background:var(--surface);color:var(--text-body);border:1px solid var(--border);border-radius:12px}
.modal-shell>[data-backdrop]>.sd{background:transparent;padding:0;margin:0}
.modal-close{color:var(--text-primary);background:var(--surface);border:1px solid var(--border)}
header .icon,.sd.icon:not(a){color:var(--text-primary)}
@media(max-width:768px){.sd.surface-panel{padding:28px 24px;margin-top:32px;width:calc(100% - 32px)}.sd.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.sd.person-card>.image{height:220px}a.sd.guide-button.guide-type{font-size:14px}.sd.era-update-row,.era-progress-row{grid-template-columns:1fr;gap:4px;padding:12px 0}.sd.news-row{padding:20px 0}.sd.person-card>h3.sd.guide-type{font-size:18px}form.sd.guide-form{gap:16px}}
@media(max-width:480px){.sd.person-card>.image{height:180px}form.sd.guide-form>.sd:first-of-type{flex-direction:column}form.sd.guide-form>.sd:first-of-type>.sd{width:100%}}
/* Retain the original header brand type and blue. */
.n-013ef378-1530-40ab-8e4a-bb99d27ba2e1{background:#0091ea;color:#fff}
.n-78fc089a-ae49-4cef-b844-d352f52f2680{color:#0091ea}
.sd.photo-hero{padding:64px 32px;height:auto;min-height:400px;margin:32px auto;width:calc(100% - 80px);max-width:1200px;border-radius:12px;overflow:hidden;gap:24px}
.sd.photo-hero>.sd{background:transparent;margin:0;padding:0;width:100%;max-width:960px;height:auto;gap:16px}
.sd.photo-hero h1.sd.guide-type{color:#fff;max-width:900px;text-align:center;margin:0 auto 24px}
.sd.photo-hero p.sd.guide-type{color:#fff;margin:12px 0 0}
.sd.photo-hero .icon{color:#fff}
#welcome.sd.surface-panel{padding-bottom:24px;margin-bottom:0;border-radius:12px 12px 0 0}
#welcome-a6baaf1d.sd.surface-panel{margin-top:0;padding-top:8px;padding-bottom:48px;border-radius:0 0 12px 12px}
#welcome-a6baaf1d .frame{width:100%;max-width:640px;height:auto;aspect-ratio:16/9;margin:0 auto;border-radius:6px;overflow:hidden}
#welcome-a6baaf1d iframe{display:block;width:100%;height:100%;border:0}
#howitworks>.panel-inner>div.sd{margin:32px 0 0;gap:32px;padding:0;width:100%;max-width:100%}
#howitworks>.panel-inner>div.sd>.sd:not(.image){margin:0;padding:0;max-width:100%;height:auto}
#category>.sd{margin:0;padding:0;background:transparent;max-width:100%}
#category>.sd+div{margin-top:24px}
#category img{max-width:100%;height:auto}
#category p.sd.guide-type{margin-bottom:16px}
@media(max-width:768px){.sd.photo-hero{width:calc(100% - 32px);padding:48px 24px;min-height:0}.sd.photo-hero h1.sd.guide-type{font-size:36px;width:100%;max-width:100%;padding:0}.sd.photo-hero:last-of-type h1.sd.guide-type{font-size:28px;line-height:1.35}#welcome-a6baaf1d.sd.surface-panel{padding-bottom:28px}#howitworks>.panel-inner>div.sd{gap:20px}}

.render-canvas,.render-canvas>.sd{background:var(--page-bg)}
header.sd{background:var(--header-bg);border-bottom:1px solid var(--border)}
header a.sd.text.guide-type.nav-link{display:flex;align-items:center;min-height:44px;padding:10px 12px;margin-left:8px;text-decoration:none;white-space:nowrap}
header a.sd.text.guide-type.guide-button{padding:10px 20px;margin-left:16px;color:var(--surface);background:var(--text-primary)}
.sd.surface-panel .sd.text.guide-type{background:transparent}
img.sd{border-radius:6px}
a.sd.icon{color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:6px;min-width:44px;min-height:44px;box-shadow:none}
.modal-shell .sd.text.guide-type{font-size:15px;line-height:1.625}
@media(max-width:768px){header a.sd.nav-link.guide-type{display:none}}

.sd.surface-panel a.sd.text.guide-type.guide-button{color:var(--surface);background:var(--text-primary)}
.faq-item>summary{color:var(--text-body);background:var(--surface)}
.faq-answer{color:var(--text-body)}

.sd.surface-panel .sd.text.guide-type{display:block;width:100%;max-width:100%;justify-content:flex-start}
.sd.surface-panel a.sd.text.guide-type.guide-button{display:inline-flex;width:auto;justify-content:center}
.sd.person-card>h3.sd.text.guide-type,.sd.person-card>p.sd.text.guide-type{display:block;text-align:left}
form.sd.guide-form>.sd{align-items:stretch}
form.sd.guide-form>.sd>.sd{align-items:stretch;flex:1}
@media(max-width:768px){.sd.surface-panel .sd.text.guide-type{width:100%;max-width:100%}}

form.sd.guide-form button.sd{flex:none;width:max-content;align-self:flex-start}
.sd.text.guide-type{transition:none}
.faq-item,.faq-item summary,.faq-answer{transition:none}
#card .n-c6b0ab13-19e7-426b-a49d-aa1e2b5a9cbb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:640px;margin:24px auto 0;padding:0}
#card .n-c6b0ab13-19e7-426b-a49d-aa1e2b5a9cbb>.sd{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;padding:0;margin:0;height:auto}
#card img.sd{width:214px;max-width:100%;height:auto;margin:0}
#card .n-c6b0ab13-19e7-426b-a49d-aa1e2b5a9cbb p.sd.guide-type{font-size:12px;margin:12px 0 0;text-align:center}
#category .n-c432d3b3-cdeb-4a85-8e21-2557ba989980{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;width:100%;max-width:100%;margin:24px 0 0;padding:0}
#category .n-02443179-7af6-49d7-9e2f-f40142663e68{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:420px;margin:24px auto 0;padding:0}
#category .n-c432d3b3-cdeb-4a85-8e21-2557ba989980>.sd,#category .n-02443179-7af6-49d7-9e2f-f40142663e68>.sd{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;height:auto;gap:12px;margin:0;padding:0}
#category img.sd{display:block;width:100%;max-width:180px;height:auto;margin:0}
#category .n-c432d3b3-cdeb-4a85-8e21-2557ba989980 p.sd.guide-type,#category .n-02443179-7af6-49d7-9e2f-f40142663e68 p.sd.guide-type{font-size:12px;margin:0;text-align:center}
#howitworks .n-7dc99362-9f8f-4683-9b6c-7b13f90af2fa,#howitworks .n-c74bfd91-f1cc-468a-8e4c-bf50f5e93eca{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
#howitworks .n-7dc99362-9f8f-4683-9b6c-7b13f90af2fa>.sd,#howitworks .n-c74bfd91-f1cc-468a-8e4c-bf50f5e93eca>.sd{width:100%;max-width:100%;margin:0}
#howitworks .image{height:auto;aspect-ratio:1.414;border-radius:6px;overflow:hidden}
#howitworks .image::before{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:var(--media-bg)}
@media(max-width:768px){#category .n-c432d3b3-cdeb-4a85-8e21-2557ba989980{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}#howitworks .n-7dc99362-9f8f-4683-9b6c-7b13f90af2fa,#howitworks .n-c74bfd91-f1cc-468a-8e4c-bf50f5e93eca{grid-template-columns:1fr;gap:20px}#card .n-c6b0ab13-19e7-426b-a49d-aa1e2b5a9cbb{gap:16px}}
/* Card panel breathing room and restrained project-end notice. */
#category.sd.surface-panel{padding:48px 56px}
#category .n-c432d3b3-cdeb-4a85-8e21-2557ba989980{margin-top:32px;gap:32px}
#category .n-02443179-7af6-49d7-9e2f-f40142663e68{margin-top:40px;gap:32px}
#category img.sd{max-width:160px}
.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d{min-height:0;padding:48px 32px;gap:24px}
.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d h1.sd.text.guide-type{font-size:24px;line-height:1.4;max-width:760px;margin:0 auto}
.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d a.sd.icon{font-size:20px;width:44px;height:44px;margin:0;padding:10px}
@media(max-width:768px){#category.sd.surface-panel{padding:28px 24px}#category .n-c432d3b3-cdeb-4a85-8e21-2557ba989980{gap:28px 20px}#category .n-02443179-7af6-49d7-9e2f-f40142663e68{margin-top:32px;gap:20px}.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d{padding:32px 24px}.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d h1.sd.text.guide-type{font-size:20px}}

/* FAQ uses the same body scale; question emphasis comes from weight. */
.faq-item>summary{font-size:15px;font-weight:600;line-height:1.625;padding:20px 28px;min-height:64px}
.faq-answer{font-size:15px;font-weight:400;line-height:1.625;padding:0 28px 24px}
.faq-section>h2{font-size:24px;line-height:1.35;margin-bottom:32px}
@media(max-width:768px){.faq-item>summary{font-size:15px;padding:20px}.faq-answer{font-size:15px;padding:0 20px 24px}.faq-section>h2{font-size:24px}}

/* Consistent text-to-media rhythm, preserving section content. */
.sd.surface-panel h2.sd.text.guide-type{margin-bottom:16px}
.sd.surface-panel h3.sd.text.guide-type{margin-bottom:8px}
.sd.surface-panel p.sd.text.guide-type+img.sd,.sd.surface-panel p.sd.text.guide-type+.sd.image,.sd.surface-panel p.sd.text.guide-type+.sd.frame{margin-top:32px}
.sd.surface-panel p.sd.text.guide-type+div.sd:has(img),.sd.surface-panel p.sd.text.guide-type+div.sd:has(iframe){margin-top:32px}
.sd.surface-panel img.sd+p.sd.text.guide-type{margin-top:12px}

/* Shared news/history rows: same width, date column, line height and separator. */
.record-row,.sd.news-row.record-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:baseline;width:100%;max-width:800px;height:auto;margin:0 auto;padding:16px 0;border-bottom:1px solid var(--border);background:transparent;font:400 15px/1.625 var(--font-sans);color:var(--text-body)}
.record-row time{display:block;margin:0;padding:0;font-size:13px;line-height:1.875;font-variant-numeric:tabular-nums;color:var(--text-secondary)}
.record-content{display:block;min-width:0;color:var(--text-body)}
.record-content p{font:400 15px/1.625 var(--font-sans);margin:8px 0 0;color:var(--text-body)}
.record-content a,.record-content a.sd.text.guide-type,.record-row>a{font:400 15px/1.625 var(--font-sans);color:var(--link);background:transparent;padding:0;margin:0;text-decoration:underline;text-underline-offset:3px}
#book>a.sd:has(.record-row),#book>div.sd:has(.record-row),#exhibition>a.sd:has(.record-row),#exhibition>div.sd:has(.record-row){display:block;width:100%;max-width:800px;height:auto;margin:0 auto;padding:0;background:transparent}
@media(max-width:600px){.record-row,.sd.news-row.record-row{grid-template-columns:1fr;gap:4px;padding:16px 0}}
#community.sd.surface-panel{background:#0091ea;--text-primary:#171717;--text-body:#171717;--surface:#fff}
#community .sd.text.guide-type{color:#171717}
#community a.sd.text.guide-type.guide-button{color:#fff;background:#171717}
#howitworks h3.sd.text.guide-type,#howitworks p.sd.text.guide-type{text-align:left}
#howitworks .n-fd637ff6-1645-459c-a654-9fd20cf7f54f,#howitworks .n-3b67f42f-d70d-457e-9962-50b0e92d01cf{align-items:flex-start}
.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d{padding:32px;min-height:0}
.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d h1.sd.text.guide-type{font-size:18px;line-height:1.625;font-weight:500}
.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d a.sd.icon{display:flex;align-items:center;justify-content:center;color:#171717;background:#fff;border-color:#fff;width:44px;height:44px;min-width:44px;margin:0;padding:0;font-size:20px;opacity:1}
.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d .n-ddcc07ff-ff54-4f66-8fde-eddbafe5f8a5{gap:12px;margin:0;padding:0;width:auto}
/* Full-width opening key visual; the reading panels retain their container width. */
.sd.photo-hero.n-9d4372de-a0ac-4e6d-9b16-5f3828d5ba2c{width:100%;max-width:none;margin:0;padding:80px 40px;border-radius:0;min-height:480px}
@media(max-width:768px){.sd.photo-hero.n-9d4372de-a0ac-4e6d-9b16-5f3828d5ba2c{width:100%;margin:0;padding:56px 24px;min-height:400px}}

/* Quiet news links; hover and keyboard focus reveal the underline. */
.record-content a,.record-content a.sd.text.guide-type,.record-row>a,#book a:has(.record-row),#exhibition a:has(.record-row){text-decoration:none}
.record-content a:hover,.record-content a:focus-visible,.record-row>a:hover,.record-row>a:focus-visible,#book a:has(.record-row):hover,#book a:has(.record-row):focus-visible,#exhibition a:has(.record-row):hover,#exhibition a:has(.record-row):focus-visible{text-decoration:underline;text-underline-offset:3px}
form.sd.guide-form button.sd{align-self:center;margin:8px auto 0}
#contact.sd.surface-panel{background:var(--surface);border-radius:12px}

/* Section-specific widths: narrower reading surfaces and more outer whitespace. */
.sd.surface-panel{max-width:1040px}
.faq-section{max-width:800px;width:calc(100% - 80px);margin:64px auto}
#contact.sd.surface-panel{max-width:960px}
#contact>.panel-inner>p.sd.text.guide-type,#contact>p.sd.text.guide-type{max-width:760px;margin-left:auto;margin-right:auto}
@media(max-width:768px){.faq-section{width:calc(100% - 32px);margin:48px auto}}

.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d{max-width:1040px}
#welcome>.panel-inner>p.sd.text.guide-type{max-width:760px;margin-left:auto;margin-right:auto}

/* Full-bleed dark closing footer in either page theme. */
footer.sd{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;max-width:none;min-height:0;height:auto;margin:48px 0 0;padding:48px 24px 24px;background:#171821;color:#c7c7cf;border-radius:0;border:0}
footer.sd>.sd{width:100%;max-width:1040px;height:auto;margin:0;padding:0;background:transparent}
footer.sd p.sd.text.guide-type{color:#c7c7cf;font-size:12px;line-height:1.7}
.sample-controls{width:100%;max-width:none;min-height:0;margin:0;padding:8px 24px 40px;background:#171821;color:#c7c7cf;border-radius:0}
.sample-controls a{color:#c7c7cf}
.sample-controls button{color:#ededf0;background:#292a34;border-color:#454650}
.sample-controls :focus-visible{outline-color:#ededf0}
@media(max-width:768px){footer.sd{margin-top:32px;padding:40px 24px 20px}.sample-controls{padding:8px 24px 32px;flex-wrap:wrap;gap:16px}}
/* Facebook community brand colors. */
#community.sd.surface-panel{background:#0866ff;--text-primary:#fff;--text-body:#fff;--surface:#fff}
#community h2.sd.text.guide-type,#community p.sd.text.guide-type{color:#fff}
#community a.sd.text.guide-type.guide-button{color:#fff;background:#171717}

/* News links: visible direction cue, quiet at rest, underline on hover/focus. */
.record-content a,.record-content a.sd.text.guide-type,.record-row>a{color:var(--text-primary);text-decoration:none}
.record-content a::after,.record-row>a::after{content:" →";display:inline;white-space:nowrap;color:currentColor}
.record-content a:hover,.record-content a.sd.text.guide-type:hover,.record-content a:focus-visible,.record-row>a:hover,.record-row>a:focus-visible{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
#book a:has(.record-row) .record-content::after,#exhibition a:has(.record-row) .record-content::after{content:" →";white-space:nowrap;color:var(--text-primary)}
#book a:has(.record-row):hover .record-content,#book a:has(.record-row):focus-visible .record-content,#exhibition a:has(.record-row):hover .record-content,#exhibition a:has(.record-row):focus-visible .record-content{text-decoration:underline;text-underline-offset:4px}

.record-content a.sd.text.guide-type:focus-visible,.record-content a.sd.text.guide-type:hover{ text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }

/* Shared underline metrics for every content link. */
a,a.sd.text.guide-type,.record-content a,.record-row>a{ text-decoration-thickness:1px; text-underline-offset:4px; text-decoration-skip-ink:auto; }
a:hover,a:focus-visible,a.sd.text.guide-type:hover,a.sd.text.guide-type:focus-visible,.record-content a:hover,.record-content a:focus-visible{ text-decoration-thickness:1px; text-underline-offset:4px; }
.record-content a,.record-content a.sd.text.guide-type,.record-row>a{ text-decoration-line:none; }
.record-content a:hover,.record-content a:focus-visible,.record-content a.sd.text.guide-type:hover,.record-content a.sd.text.guide-type:focus-visible,.record-row>a:hover,.record-row>a:focus-visible{ text-decoration-line:underline; }

/* Contact panel aligns with the standard section panels; form stays compact. */
#contact.sd.surface-panel{width:calc(100% - 80px);max-width:1040px;margin-left:auto;margin-right:auto}
@media(max-width:768px){#contact.sd.surface-panel{width:calc(100% - 32px)}}

/* Avoid adding FAQ bottom space to the following panel's top margin. */
.faq-section{margin-bottom:0}
.faq-section+#contact.sd.surface-panel{margin-top:48px}
@media(max-width:768px){.faq-section{margin-bottom:0}.faq-section+#contact.sd.surface-panel{margin-top:32px}}

/* Contact follows the FAQ reading width; photo footer closes edge to edge. */
#contact.sd.surface-panel{max-width:800px}
footer.sd{width:100%;max-width:none;margin:0;padding:16px 24px;background:#000;color:#ddd;min-height:0}
footer.sd p.sd.text.guide-type{color:#ddd}
.sample-controls{padding:8px 24px 20px;background:#000;color:#ddd}
.sample-controls a{color:#ddd}.sample-controls button{background:#222;color:#fff;border-color:#444}
@media(max-width:768px){footer.sd{margin:0;padding:16px 24px}.sample-controls{padding:8px 24px 16px}}

.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d{width:100%;max-width:none;margin:48px 0 0;padding:48px 24px;border-radius:0;min-height:0}
.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d a.sd.icon{background:#000;color:#fff;border-color:#000;border-radius:6px}
@media(max-width:768px){.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d{margin-top:32px;padding:40px 24px}}

/* Unified primary button typography and compact header navigation. */
header a.sd.text.guide-type.nav-link{font:500 12px/1.5 var(--font-sans);padding:10px 12px;min-height:44px}
a.sd.text.guide-type.guide-button,.sd.surface-panel a.sd.text.guide-type.guide-button,.sd.photo-hero a.sd.text.guide-type.guide-button,form.sd.guide-form button.sd{font:500 14px/1.5 var(--font-sans);letter-spacing:normal;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;min-height:44px;height:auto;border-radius:999px;text-shadow:none}
header a.sd.text.guide-type.guide-button{font:500 12px/1.5 var(--font-sans);padding:10px 18px;min-height:44px}
@media(max-width:768px){header a.sd.text.guide-type.nav-link{display:none}a.sd.text.guide-type.guide-button,.sd.surface-panel a.sd.text.guide-type.guide-button,.sd.photo-hero a.sd.text.guide-type.guide-button,form.sd.guide-form button.sd{font-size:14px}}

.sd.photo-hero p.sd.text.guide-type{font:400 12px/1.7 var(--font-sans);color:#fff}
/* Card-site controls use rounded rectangles, never capsule shapes. */
a.sd.text.guide-type.guide-button,.sd.surface-panel a.sd.text.guide-type.guide-button,.sd.photo-hero a.sd.text.guide-type.guide-button,header a.sd.text.guide-type.guide-button,form.sd.guide-form button.sd,.sample-controls button,button.sd,button.modal-close{border-radius:6px}
header a.sd.text.guide-type.nav-link,header a.sd.text.guide-type.nav-link:hover,header a.sd.text.guide-type.nav-link:focus-visible{border-radius:6px}

/* Shared photo-footer captions and interactive SNS buttons, in either theme. */
#sns.sd.surface-panel,.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d{padding:40px 24px;gap:20px}
#sns h2.sd.text.guide-type,.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d h1.sd.text.guide-type{font:400 12px/1.7 var(--font-sans);letter-spacing:normal;color:#fff;margin:0 auto 20px;max-width:760px;text-align:center}
#sns p.sd.text.guide-type{font:400 12px/1.7 var(--font-sans);color:#ddd}
#sns a.sd.icon,.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d a.sd.icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;margin:0;border:1px solid #333;border-radius:6px;background:#171717;color:#fff;font-size:18px;opacity:1;cursor:pointer;text-decoration:none}
#sns a.sd.icon:hover,.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d a.sd.icon:hover{background:#383838;border-color:#777;color:#fff;opacity:1}
#sns a.sd.icon:focus-visible,.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d a.sd.icon:focus-visible{background:#383838;border-color:#aaa;outline:2px solid #fff;outline-offset:4px;color:#fff}
footer.sd p.sd.text.guide-type{font:400 12px/1.7 var(--font-sans)}
@media(max-width:768px){#sns.sd.surface-panel,.sd.photo-hero.n-94e4ff09-b242-49d5-afb1-42066bb98c4d{padding:32px 24px}}
/* Lead paragraphs share Era's readable width and centered alignment. */
#card>.panel-inner>p.sd.text.guide-type,#category>.sd:first-child>p.sd.text.guide-type,#howitworks>.panel-inner>p.sd.text.guide-type{width:100%;max-width:760px;margin:0 auto;text-align:center;line-height:1.625}
#card>.panel-inner>h2.sd.text.guide-type,#category>.sd:first-child>h2.sd.text.guide-type,#howitworks>.panel-inner>h2.sd.text.guide-type{margin-bottom:16px;text-align:center}
#card .n-c6b0ab13-19e7-426b-a49d-aa1e2b5a9cbb{margin-top:32px}
/* Community notice and original white-outline action. */
#community p.sd.text.guide-type{font:400 12px/1.7 var(--font-sans);color:#fff}
#community a.sd.text.guide-type.guide-button{background:transparent;color:#fff;border:1px solid #fff;border-radius:6px;font:500 14px/1.5 var(--font-sans)}
#community a.sd.text.guide-type.guide-button:hover,#community a.sd.text.guide-type.guide-button:focus-visible{background:rgb(255 255 255 / 15%);color:#fff;border-color:#fff;opacity:1}
#community a.sd.text.guide-type.guide-button:focus-visible{outline:2px solid #fff;outline-offset:4px}

/* Larger section titles, authentic guide font, smaller explanatory media. */
.sd.surface-panel h2.sd.text.guide-type{font-size:28px;line-height:1.35;font-weight:600}
.faq-section>h2{font-size:28px;line-height:1.35}
#howitworks .n-7dc99362-9f8f-4683-9b6c-7b13f90af2fa,#howitworks .n-c74bfd91-f1cc-468a-8e4c-bf50f5e93eca{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px}
#howitworks .n-7dc99362-9f8f-4683-9b6c-7b13f90af2fa>.sd.image,#howitworks .n-c74bfd91-f1cc-468a-8e4c-bf50f5e93eca>.sd.image{width:100%;max-width:320px;justify-self:center;height:auto;aspect-ratio:1.414}
@media(max-width:768px){#howitworks .n-7dc99362-9f8f-4683-9b6c-7b13f90af2fa,#howitworks .n-c74bfd91-f1cc-468a-8e4c-bf50f5e93eca{grid-template-columns:1fr;gap:24px}}

/* Compact contact rhythm and neutral keyboard/mouse focus. */
form.sd.guide-form{gap:16px;margin-top:20px}
form.sd.guide-form .sd:not(.text):not(input):not(textarea):not(button){gap:8px;justify-content:flex-start}
form.sd.guide-form>.sd:first-of-type{gap:16px}
form.sd.guide-form p.sd.text.guide-type{margin:0 0 6px;line-height:1.5}
form.sd.guide-form .contact-note{margin:0 0 4px;line-height:1.7}
form.sd.guide-form input.sd,form.sd.guide-form textarea.sd{border:1px solid var(--border);outline:none;box-shadow:none}
form.sd.guide-form input.sd:focus,form.sd.guide-form textarea.sd:focus{border-color:var(--text-secondary);outline:2px solid var(--text-body);outline-offset:3px;box-shadow:none}
form.sd.guide-form input.sd:focus-visible,form.sd.guide-form textarea.sd:focus-visible{outline:2px solid var(--text-body);outline-offset:3px;box-shadow:none}
form.sd.guide-form button.sd{margin-top:4px}

form.sd.guide-form .sd:has(>input),form.sd.guide-form .sd:has(>textarea){gap:0}

/* Shared text-to-media gap throughout the sample. */
:root{--text-media-gap:48px}
.sd.surface-panel p.sd.text.guide-type+img.sd,.sd.surface-panel p.sd.text.guide-type+.sd.image,.sd.surface-panel p.sd.text.guide-type+.sd.frame,.sd.surface-panel p.sd.text.guide-type+div.sd:has(img),.sd.surface-panel p.sd.text.guide-type+div.sd:has(iframe){margin-top:var(--text-media-gap)}
@media(max-width:768px){:root{--text-media-gap:32px}}

#card .n-c6b0ab13-19e7-426b-a49d-aa1e2b5a9cbb,#category .n-c432d3b3-cdeb-4a85-8e21-2557ba989980,#howitworks>.panel-inner>.n-7dc99362-9f8f-4683-9b6c-7b13f90af2fa{margin-top:var(--text-media-gap)}
/* Japanese section titles have a slightly smaller optical size. */
#community h2.sd.text.guide-type,#contact h2.sd.text.guide-type{font-size:24px;font-weight:600;line-height:1.4}

/* Preserve the complete focus ring outside the input's border. */
form.sd.guide-form,form.sd.guide-form .sd:not(input):not(textarea){overflow:visible}
form.sd.guide-form input.sd,form.sd.guide-form textarea.sd{transition:none}
form.sd.guide-form input.sd:focus,form.sd.guide-form input.sd:focus-visible,form.sd.guide-form textarea.sd:focus,form.sd.guide-form textarea.sd:focus-visible{outline:2px solid var(--text-body);outline-offset:3px;box-shadow:none}

/* More breathing room between the How it works lead and worksheet. */
#howitworks>.panel-inner>.n-7dc99362-9f8f-4683-9b6c-7b13f90af2fa{margin-top:64px}
@media(max-width:768px){#howitworks>.panel-inner>.n-7dc99362-9f8f-4683-9b6c-7b13f90af2fa{margin-top:48px}}

/* Align worksheet and subsection heading tops with a larger lead gap. */
#howitworks>.panel-inner>.n-7dc99362-9f8f-4683-9b6c-7b13f90af2fa{margin-top:96px;align-items:start}
#howitworks .n-c74bfd91-f1cc-468a-8e4c-bf50f5e93eca{align-items:start}
@media(max-width:768px){#howitworks>.panel-inner>.n-7dc99362-9f8f-4683-9b6c-7b13f90af2fa{margin-top:64px}}

/* Match the actual lead-to-figure gap to Category, overriding legacy row margins. */
#howitworks.sd.surface-panel>.sd.panel-inner>p.sd.text.guide-type+.sd.n-7dc99362-9f8f-4683-9b6c-7b13f90af2fa{margin-top:var(--text-media-gap)!important}

/* Keep the mail-app note directly below the contact introduction. */
#contact.sd.surface-panel>.sd.panel-inner>p.sd.text.guide-type{margin-bottom:8px}
#contact.sd.surface-panel form.sd.guide-form{margin-top:0}

/* Keep each worksheet visually connected to its explanation. */
#howitworks .n-7dc99362-9f8f-4683-9b6c-7b13f90af2fa,#howitworks .n-c74bfd91-f1cc-468a-8e4c-bf50f5e93eca{grid-template-columns:minmax(0,320px) minmax(0,1fr);column-gap:24px}
#howitworks .n-7dc99362-9f8f-4683-9b6c-7b13f90af2fa>.sd.image,#howitworks .n-c74bfd91-f1cc-468a-8e4c-bf50f5e93eca>.sd.image{justify-self:end}
@media(max-width:768px){#howitworks .n-7dc99362-9f8f-4683-9b6c-7b13f90af2fa,#howitworks .n-c74bfd91-f1cc-468a-8e4c-bf50f5e93eca{grid-template-columns:1fr;gap:24px}#howitworks .n-7dc99362-9f8f-4683-9b6c-7b13f90af2fa>.sd.image,#howitworks .n-c74bfd91-f1cc-468a-8e4c-bf50f5e93eca>.sd.image{justify-self:center}}

/* Align contact copy with the note and form, as in Era. */
#contact.sd.surface-panel>.sd.panel-inner>p.sd.text.guide-type{width:100%;max-width:640px;margin:0 auto 8px;text-align:left}
#contact.sd.surface-panel form.sd.guide-form{width:100%;max-width:640px;margin-left:auto;margin-right:auto;margin-top:0}
#contact.sd.surface-panel form.sd.guide-form .contact-note{width:100%;text-align:left;margin-top:0}

/* Closed sales actions retain hover styling without navigation. */
.sd.photo-hero a.sd.n-2ccbf870-b1bc-45a5-baf6-1767ff80f726.guide-button{font:500 12px/1.5 var(--font-sans);padding:10px 18px;min-height:44px;height:auto}
a.sd.guide-button[aria-disabled="true"]{cursor:default}
.sd.photo-hero p.sd.n-c88bef73-637f-4159-8511-1aac15c49cbb.text.guide-type{font:500 14px/1.7 var(--font-sans);color:#fff;margin-top:16px;text-shadow:none}

/* Identical sales button metrics, independent of header/hero legacy rules. */
a.sd.n-5c9bb3d2-9d28-4fcd-b305-b4221ec95cd4.text.guide-type.guide-button,a.sd.n-2ccbf870-b1bc-45a5-baf6-1767ff80f726.text.guide-type.guide-button{box-sizing:border-box!important;display:inline-flex!important;align-items:center;justify-content:center;font-family:var(--font-sans)!important;font-size:12px!important;font-weight:500!important;line-height:18px!important;letter-spacing:normal!important;width:120px!important;min-width:120px!important;max-width:120px!important;height:44px!important;min-height:44px!important;padding:0 18px!important;border:1px solid transparent;border-radius:6px}

/* Hero notice matches the community closure caption. */
.sd.photo-hero p.sd.n-c88bef73-637f-4159-8511-1aac15c49cbb.text.guide-type{font:400 12px/1.7 var(--font-sans);color:#fff}

/* Small shared info marker for explanatory notices. */
.info-notice::before{content:"i";display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:13px;height:13px;margin-right:6px;border:1px solid currentColor;border-radius:50%;font:500 10px/1 var(--font-sans);vertical-align:1px;opacity:.8}

/* Optical size adjustment for the sales action on the photographic hero. */
a.sd.n-2ccbf870-b1bc-45a5-baf6-1767ff80f726.text.guide-type.guide-button{font-size:14px!important;line-height:20px!important;width:136px!important;min-width:136px!important;max-width:136px!important;height:48px!important;min-height:48px!important;padding:0 18px!important}

/* Footer info marker stays inline with the first notice line. */
h1.info-notice::before,h2.info-notice::before{content:none}
.sd.photo-hero h1.info-notice,#sns h2.info-notice{display:block;text-align:center}
.footer-notice-line{display:inline}
.notice-info{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:13px;height:13px;margin-right:6px;border:1px solid currentColor;border-radius:50%;font:500 10px/1 var(--font-sans);vertical-align:1px;opacity:.8}

/* Footer notice spans must retain white text over the photograph. */
.sd.photo-hero h1.info-notice .footer-notice-line,.sd.photo-hero h1.info-notice .notice-info,#sns h2.info-notice .footer-notice-line,#sns h2.info-notice .notice-info{color:#fff!important;background:transparent}
.footer-notice-line{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}

/* Standard dark actions use guide surface, text and border tokens. */
html[data-theme="dark"] a.sd.text.guide-type.guide-button,html[data-theme="dark"] .sd.surface-panel a.sd.text.guide-type.guide-button,html[data-theme="dark"] header a.sd.text.guide-type.guide-button,html[data-theme="dark"] form.sd.guide-form button.sd{background:var(--media-bg);color:var(--text-primary);border-color:var(--border)}
html[data-theme="dark"] a.sd.text.guide-type.guide-button:hover,html[data-theme="dark"] form.sd.guide-form button.sd:hover{background:#3b3b3b;border-color:var(--text-secondary);opacity:1}
html[data-theme="dark"] #community a.sd.text.guide-type.guide-button{background:transparent;color:#fff;border-color:#fff}
html[data-theme="dark"] #community a.sd.text.guide-type.guide-button:hover{background:rgb(255 255 255 / 15%)}

/* Final shared theme controls and accessibility. */
.theme-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font:400 12px/1.7 var(--font-sans);color:#aaa}
.theme-controls button{background:transparent;color:#aaa;border:1px solid transparent;border-radius:6px;padding:8px 10px;min-height:36px;font:inherit;cursor:pointer}
.theme-controls button:hover{background:#222;color:#ededed}
.theme-controls button[aria-pressed="true"]{color:#ededed;border-color:#444}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:fixed;top:8px;left:8px;z-index:10000;padding:10px 16px;background:var(--surface);color:var(--text-primary);transform:translateY(-150%)}
.skip-link:focus{transform:none}
.sd.photo-hero p.info-notice{font:400 12px/1.7 var(--font-sans);color:#fff;text-align:center;margin:0 auto 20px;max-width:760px;text-shadow:none}
.sd.photo-hero p.info-notice::before{content:none}
.sd.photo-hero p.info-notice .footer-notice-line,.sd.photo-hero p.info-notice .notice-info{color:#fff!important}

.sample-controls{box-sizing:border-box;width:100%;max-width:100%}

.theme-controls>span{color:#aaa}

/* Mobile navigation has the same surface, spacing and hover corners. */
#modal-2{box-sizing:border-box;padding:24px;background:rgb(0 0 0 / 65%)}
#modal-2>[data-backdrop]{width:100%;max-width:360px;max-height:calc(100dvh - 48px);padding:24px!important;overflow:auto}
#modal-2>[data-backdrop]>.sd{width:100%;max-width:100%;height:auto;padding:0!important;gap:4px}
#modal-2 a.sd.text.guide-type:not(.guide-button){width:100%;min-height:44px;padding:10px 12px;border-radius:6px;text-decoration:none;align-items:center;justify-content:center}
#modal-2 a.sd.text.guide-type:not(.guide-button):hover{background:var(--media-bg)}
#modal-2 footer.sd{margin-top:16px;padding:12px;background:transparent}

#modal-2 .menu-dismiss{border:0;border-radius:6px;background:transparent;color:var(--text-secondary);font:400 13px/1.7 var(--font-sans);padding:10px 12px;min-height:44px;cursor:pointer}
#modal-2 .menu-dismiss:hover{background:var(--media-bg)}

/* Hero closure notice keeps its info marker; footer uses its inline span. */
.sd.photo-hero p.sd.n-c88bef73-637f-4159-8511-1aac15c49cbb.info-notice::before{content:"i";display:inline-flex;color:#fff}

/* Mobile brand/header alignment and clean menu. */
@media(max-width:768px){
 header.sd>.sd.n-98534f9a-2784-4a4f-b272-b9561aec6c29{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;max-width:none;margin:0;padding:0 16px;gap:10px;box-sizing:border-box}
 header.sd .n-013ef378-1530-40ab-8e4a-bb99d27ba2e1,header.sd .n-78fc089a-ae49-4cef-b844-d352f52f2680{flex:none;margin:0}
 header.sd .n-fc94617b-8da2-43f5-a569-457c77e08543{display:none}
 header.sd button[data-modal="2"]{margin-left:auto;margin-right:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:0}
}
#community h2.sd.text.guide-type,#community p.sd.text.guide-type{width:100%;text-align:center;align-self:center;margin-left:auto;margin-right:auto}
#modal-2>[data-backdrop]{position:relative;padding-top:56px!important;box-shadow:none!important}
#modal-2>[data-backdrop] .sd{box-shadow:none!important;background:transparent}
#modal-2>[data-backdrop]>.modal-close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:0;font:400 26px/1 var(--font-sans);background:transparent;color:var(--text-secondary);border:0;border-radius:6px;box-shadow:none}
#modal-2>[data-backdrop]>.modal-close:hover{background:var(--media-bg);color:var(--text-primary)}
#modal-2 .n-e9f387c2-de24-4f22-bffa-70407d59cec3{margin-top:24px;margin-bottom:20px;gap:16px;display:flex;flex-direction:row;align-items:center;justify-content:center}
#modal-2 .n-f81d21de-3a09-4c93-88b2-158b42bed636{font:400 12px/1.7 var(--font-sans);color:var(--text-secondary)}

#modal-2 a.sd.guide-button{background:var(--media-bg);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:10px 18px}

/* Photo-overlay typography follows the guide: no text shadows. */
.photo-hero,.photo-hero *,#about,#about *,#sns,#sns *{text-shadow:none!important}

/* Avoid isolated trailing characters while keeping mobile copy fluid. */
.keep-phrase{white-space:nowrap;color:inherit;font:inherit}
@media(max-width:768px){
 #welcome p.sd.text.guide-type,#welcome-a6baaf1d p.sd.text.guide-type,#card p.sd.text.guide-type,#category p.sd.text.guide-type,#howitworks p.sd.text.guide-type,#contact p.sd.text.guide-type,.faq-answer,.record-content{ text-wrap:pretty;word-break:normal;overflow-wrap:break-word; }
 #welcome p.sd.text.guide-type,#card>.panel-inner>p.sd.text.guide-type,#category>.sd:first-child>p.sd.text.guide-type,#howitworks>.panel-inner>p.sd.text.guide-type{text-wrap:balance}
}

/* Navigation visibility requested by the site owner. */
header.sd button[data-modal="2"]{display:none!important}

/* Immediate, stable introductory content; no entrance fades. */
header.sd,.era-intro-panel,.era-intro-panel>.sd,.era-intro-panel p.sd,.photo-hero,.photo-hero h1.sd{animation:none!important;transition:none!important;opacity:1;visibility:visible}

.end-pair{white-space:nowrap;color:inherit;font:inherit}
@media(max-width:768px){#welcome p.sd.text.guide-type,#card>.panel-inner>p.sd.text.guide-type,#category>.sd:first-child>p.sd.text.guide-type,#howitworks>.panel-inner>p.sd.text.guide-type,.sd.surface-panel p.sd.text.guide-type,.record-content,.faq-answer{text-wrap:wrap;word-break:normal;overflow-wrap:break-word}}

/* Clean header edge. */
header.sd{border-bottom:0!important}

/* Design Guide v1.0: section headings 24px / 600 / 1.35. */
main section:not(#sns) h2,#members.member-section>h2,#faq>h2{font-size:24px!important;font-weight:600;line-height:1.35}

/* Introductory copy: emphasize the purpose while keeping theme contrast. */
.n-522e4d9e-bbb6-49d6-a613-984b576524e4.sd.text.guide-type{color:var(--text-body)}
.n-522e4d9e-bbb6-49d6-a613-984b576524e4 .editorial-emphasis{color:var(--text-primary);font:inherit;font-weight:500}

/* Quiet text theme links, matching the bookslope footer. */
.theme-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px;font:400 11px/1.7 var(--font-sans);color:#999}
.theme-controls>span{font:inherit;color:inherit;margin-right:4px}
.theme-controls button,.theme-controls button:hover,.theme-controls button[aria-pressed="true"]{width:auto;min-width:0;min-height:32px;padding:4px 0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.theme-controls button[aria-pressed="true"]{font-weight:600;text-decoration:none}
.theme-controls button:hover{color:#ccc}
.theme-controls button:focus-visible{outline:1px solid currentColor;outline-offset:4px}

/* Restore uniform editorial text. */
.n-522e4d9e-bbb6-49d6-a613-984b576524e4.sd.text.guide-type{color:var(--text-body);font-weight:400}

/* News item titles have a clearer hierarchy above their descriptions. */
.news-row .record-content>a.sd.text.guide-type{font-weight:600!important;color:var(--text-primary)}

/* Worksheet previews link to their matching download. */
#howitworks .worksheet-link{cursor:pointer;transition:filter .2s,border-color .2s}
#howitworks .worksheet-link:hover{filter:brightness(.94)}
#howitworks .worksheet-link:focus-visible{outline:2px solid var(--text-primary);outline-offset:4px}


/* Shared typography scale: body, section heading, subheading, caption. */
:root{--type-body:15px;--type-h2:24px;--type-h3:20px;--type-caption:12px}
.faq-section,.faq-item>summary,.faq-answer{font-family:var(--font-sans)}
.faq-item>summary,.faq-answer,.record-content,.record-content p,.record-content>a.sd.text.guide-type{font-size:var(--type-body)!important;line-height:1.625!important}
.faq-item>summary{font-weight:600}.faq-answer{font-weight:400}
main section:not(#sns) h2,#members.member-section>h2,#faq>h2{font-family:var(--font-sans);font-size:var(--type-h2)!important;line-height:1.35}

/* Decorative hover for card previews. */
@media(hover:hover) and (pointer:fine){#card img,#category img{transition:transform .2s ease;cursor:default}#card img:hover,#category img:hover{transform:translateY(-4px) scale(1.015)}}
@media(prefers-reduced-motion:reduce){#card img,#category img{transition:none!important}#card img:hover,#category img:hover{transform:none!important}}

/* Keep the card frame attached to the moving image. */
#card img,#category img{border:1px solid var(--border)!important;border-radius:6px!important;box-sizing:border-box}

/* Let decorative card motion extend beyond legacy containers. */
#card,#category,#card div.sd,#category div.sd{overflow:visible!important}

html:not([data-theme="dark"]) #howitworks .worksheet-link:hover{filter:brightness(.985);border-color:var(--border)}

#category .illustration-credit{display:block;width:100%;margin:32px 0 0;padding:0;text-align:right;color:var(--text-secondary);font:400 12px/1.7 var(--font-sans)}
#category .illustration-credit a{font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Common panel insets, with the joined introduction preserved. */
#info.sd.surface-panel,#community.sd.surface-panel,#card.sd.surface-panel,#category.sd.surface-panel,#howitworks.sd.surface-panel,#contact.sd.surface-panel{padding:48px!important}
@media(max-width:768px){#info.sd.surface-panel,#community.sd.surface-panel,#card.sd.surface-panel,#category.sd.surface-panel,#howitworks.sd.surface-panel,#contact.sd.surface-panel{padding:28px 24px!important}}

/* Keep historical record text readable in dark mode. */
html[data-theme="dark"] .record-content,html[data-theme="dark"] .record-content p{color:#c7c7c7!important}

/* Archive notice is one centered paragraph, not a flex row. */
p.info-notice.n-f0a26047-f74b-4534-a033-17da687795e9{display:block!important;width:100%!important;max-width:760px!important;height:auto!important;margin:0 auto 24px!important;padding:0!important;text-align:center;font:400 12px/1.7 var(--font-sans)!important;color:#fff!important}