/* Funções adicionais com a escala de leitura original da plataforma. */
main:focus{outline:none}
.reference-hero .button.secondary{background:var(--bg)}
.narrow{max-width:760px}.full-button{display:flex;width:100%;margin:18px 0}
.personal-code{font:700 32px/1.5 'Segoe UI',sans-serif;letter-spacing:.1em;display:block;text-align:center;padding:20px 8px;margin:20px 0;background:var(--surface2);border:2px solid var(--gold);border-radius:7px;color:var(--ink)}
.profile-box,.instructions,.install-box,.appearance-panel{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:24px;margin-bottom:24px}
.profile-box h2,.instructions h2,.appearance-panel h2{font-size:26px;line-height:1.2;margin-bottom:14px}
.profile-box p,.instructions p{font-size:15px;margin:14px 0;line-height:1.6}
.profile-box form{margin-top:20px}.profile-box summary{font-size:15px;min-height:48px;cursor:pointer;padding:14px 0;color:var(--ink);font-weight:600}.profile-box details{margin-top:22px;border-top:1px solid var(--line)}
.profile-box .field{font-size:15px}.profile-box input{font-size:16px;min-height:48px}
.install-box{display:flex;align-items:center;gap:20px}.install-box img{border-radius:16px;flex-shrink:0}.install-box h2{font:normal 24px/1.25 Georgia,serif}.install-box p{font-size:14px;margin-top:7px}
.instructions ol{padding-left:25px;margin:20px 0}.instructions li{padding:8px 0 8px 8px;color:var(--ink);font-size:16px}
.success-box{padding:24px;background:var(--surface2);border-radius:8px;margin-bottom:25px}.success-box h2{font-size:26px;line-height:1.3}.success-box p{margin-top:10px}
.options-grid,.quick-grid{display:grid;grid-template-columns:1fr;gap:14px}
.option-card,.quick-card{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:8px;position:relative;display:block;min-height:115px}
.option-card h2{font:600 19px/1.3 'Segoe UI',sans-serif;letter-spacing:0}.option-card p{font-size:15px;margin:12px 0}.option-action{font-size:15px;font-weight:650;color:var(--red)}.option-action span{margin-left:12px}.appearance-panel{margin-top:25px}
.quick-card strong{font-size:17px;line-height:1.3;display:block}.quick-card>span:not([aria-hidden]){font-size:14px;display:block;color:var(--muted);margin:8px 16px 0 0}.quick-card>span[aria-hidden]{position:absolute;right:18px;bottom:14px;font-size:23px;color:var(--red)}
.easy-start{margin-top:38px}.easy-start h2,.extras-teaser h2,.group-banner h2{font-size:27px;line-height:1.2;margin-bottom:18px}
.group-banner{margin-top:30px;padding:25px;background:var(--surface2);border:1px solid var(--line);border-radius:8px}.group-banner p{font-size:15px;margin-bottom:20px}.extras-teaser{padding:30px 0;border-bottom:1px solid var(--line)}.extras-teaser p{font-size:15px;margin-bottom:20px}
.extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1050px;margin:0 auto}
.extra-card{border:1px solid var(--line);border-radius:9px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.extra-card>img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--surface2);display:block}
.extra-card>div{padding:14px;display:flex;flex:1;flex-direction:column;align-items:flex-start}.extra-card h2{font-size:21px;line-height:1.2;overflow-wrap:break-word}.extra-card p{font-size:13px;line-height:1.6;margin:12px 0}.extra-count{display:block;font-size:12px;line-height:1.5;color:var(--gold);margin:0 0 14px}.extra-card .button{width:100%;font-size:12px;line-height:1.4;padding:10px 8px;margin-top:auto;gap:7px;min-height:44px}
@media(max-width:380px){.install-box{flex-wrap:wrap}.extra-grid{gap:10px}.extra-card>div{padding:12px 10px}.extra-card h2{font-size:19px}.extra-card p{font-size:12px}.extra-card .button{font-size:11px}}
@media(min-width:700px){.options-grid,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-banner{display:flex;align-items:center;gap:30px}.group-banner>div{flex:1}.group-banner .button{max-width:340px}.extra-grid{gap:26px}.extra-card>img{aspect-ratio:16/10}.extra-card>div{padding:25px}.extra-card h2{font-size:30px}.extra-card p{font-size:15px}.extra-count{font-size:14px}.extra-card .button{font-size:14px;max-width:280px}}
.extra-benefits{margin:12px 0 14px;padding-left:16px;color:var(--muted);font-size:12px;line-height:1.6}.extra-benefits li+li{margin-top:4px}
@media(min-width:700px){.extra-benefits{font-size:14px}}
