/* Guide BoomerPop: stili circoscritti, palette storica #6200ea */
.bp-guide{max-width:970px;margin:24px auto 55px;padding:0 12px;color:#212529;line-height:1.72}
.bp-guide *{box-sizing:border-box}
.bp-guide .bp-kicker{color:#6200ea;font-weight:700;letter-spacing:.045em;text-transform:uppercase;font-size:.78rem;margin:0 0 8px}
.bp-guide .bp-hero{background:#fff;border:1px solid #e7dafa;border-top:5px solid #6200ea;border-radius:16px;padding:26px 28px;margin-bottom:24px;box-shadow:0 4px 14px rgba(33,37,41,.05)}
.bp-guide h1{font-size:clamp(1.75rem,3.5vw,2.5rem);line-height:1.19;color:#24202b;margin:0 0 14px;font-weight:800}
.bp-guide h2{font-size:clamp(1.35rem,2.4vw,1.65rem);line-height:1.28;margin:28px 0 12px;color:#6200ea}
.bp-guide h3{font-size:1.12rem;line-height:1.3;margin:18px 0 9px;color:#24202b}
.bp-guide p{margin:0 0 13px}
.bp-guide ul,.bp-guide ol{margin:10px 0 17px;padding-left:25px}
.bp-guide li{margin-bottom:8px}
.bp-guide a{color:#6200ea;text-underline-offset:3px}
.bp-guide a:hover{color:#4800b8}
.bp-guide .bp-summary{font-size:1.06rem;color:#41434a;max-width:78ch}
.bp-guide .bp-toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.bp-guide .bp-toc a{border:1px solid #e2d5f5;border-radius:999px;background:#faf7ff;text-decoration:none;padding:7px 12px;font-weight:600;font-size:.9rem}
.bp-guide .bp-main{background:#fff;border:1px solid #ece8f2;border-radius:16px;padding:24px 28px}
.bp-guide .bp-example{padding:15px 17px;border-radius:11px;background:#faf7ff;border-left:4px solid #6200ea;margin:14px 0 19px}
.bp-guide .bp-example p:last-child{margin-bottom:0}
.bp-guide .bp-soft{padding:15px 17px;border-radius:11px;background:#f8f9fa;border:1px solid #e5e7eb;margin:16px 0}
.bp-guide .bp-soft p:last-child{margin-bottom:0}
.bp-guide .bp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:17px 0}
.bp-guide .bp-tile{background:#fff;border:1px solid #e9e1f3;border-radius:13px;padding:18px;min-width:0}
.bp-guide .bp-tile h3{margin:0 0 7px}
.bp-guide .bp-tile p{margin-bottom:0;color:#4b5563}
.bp-guide .bp-table-wrap{overflow:auto;margin:14px 0 20px}
.bp-guide table{width:100%;border-collapse:collapse;background:#fff;font-size:.97rem}
.bp-guide th,.bp-guide td{padding:12px 13px;border:1px solid #e7e4ed;text-align:left;vertical-align:top}
.bp-guide th{background:#f5efff;color:#302342}
.bp-guide .bp-cta{padding:20px;background:#f7f0ff;border:1px solid #e4d0ff;border-radius:13px;margin:25px 0}
.bp-guide .bp-cta strong{display:block;font-size:1.1rem;margin-bottom:8px}
.bp-guide .bp-cta-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}
.bp-guide .bp-cta-links a{display:inline-block;padding:10px 15px;border-radius:10px;background:#6200ea;color:#fff;text-decoration:none;font-weight:700}
.bp-guide .bp-cta-links a.bp-outline{background:#fff;color:#6200ea;border:1px solid #6200ea}
.bp-guide .bp-note{font-size:.86rem;color:#60636a;margin-top:14px}
.bp-guide .bp-source-list{font-size:.92rem}
.bp-guide .bp-breadcrumb{margin-bottom:14px;font-size:.88rem;color:#60636a}
.bp-guide .bp-breadcrumb a{text-decoration:none}
.bp-guide details{border:1px solid #e7e1ef;border-radius:10px;padding:12px 16px;margin:10px 0}
.bp-guide summary{font-weight:700;cursor:pointer;color:#302342}
.bp-guide details p{margin:10px 0 0}
@media(max-width:640px){.bp-guide{padding:0 2px}.bp-guide .bp-hero,.bp-guide .bp-main{padding:19px 16px}.bp-guide .bp-grid{grid-template-columns:1fr}.bp-guide .bp-cta-links{flex-direction:column}.bp-guide .bp-cta-links a{text-align:center}}
/* Fase 3: spaziature, navigabilità e stampa */
.bp-guide{font-size:16px}
.bp-guide .bp-hero{margin-top:12px}
.bp-guide .bp-tile{transition:border-color .15s ease,box-shadow .15s ease}
.bp-guide .bp-tile:hover{border-color:#d4b9ff;box-shadow:0 7px 18px rgba(98,0,234,.07)}
.bp-guide .bp-toc a:focus-visible,.bp-guide a:focus-visible,.bp-guide summary:focus-visible{outline:3px solid #a46afd;outline-offset:3px}
.bp-guide .bp-toc a:hover{background:#eee3ff}
.bp-guide .bp-action{display:inline-block;background:#6200ea;color:#fff!important;border-radius:11px;padding:10px 16px;text-decoration:none;font-weight:700}
.bp-guide .bp-action:hover{background:#4b00bf;color:#fff!important}
.bp-guide .bp-eyebrow{font-size:.88rem;color:#666;margin-bottom:6px}
.bp-guide .bp-source-list li{overflow-wrap:anywhere}
.bp-guide .bp-small{font-size:.93rem;color:#60636a}
@media (max-width:720px){.bp-guide{margin-top:15px}.bp-guide .bp-hero,.bp-guide .bp-main{padding:20px 17px}}
@media print{.site-header,.site-footer,.bp-toc,.bp-cta,.site-nav{display:none!important} .bp-guide{max-width:100%;margin:0;color:#111} .bp-guide .bp-hero,.bp-guide .bp-main{box-shadow:none;border:0;padding:0} .bp-guide a{color:#111;text-decoration:none} .bp-guide .bp-table-wrap{overflow:visible} .bp-guide th,.bp-guide td{font-size:10pt}}