.hp-guide-home .stats-grid,.hp-guide-home .tab-bar,.hp-guide-home .tab-panel,.hp-guide-home #site-note{display:none!important}
#hp-editor-guide{scroll-margin-top:100px;color:#25364b}
.hp-guide-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 24px}
.hp-guide-heading h2{font-size:clamp(22px,3vw,30px);margin:7px 0 12px;line-height:1.5}
.hp-guide-heading p{margin:0;color:#526276;font-size:14px}
.hp-card-kicker{font-size:11px;letter-spacing:.1em;font-weight:800;color:#56618b}
.hp-guide-safe{background:#e7f2ea;color:#2f6647;border-radius:999px;padding:9px 14px;font-size:12px;white-space:nowrap}
.hp-site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hp-site-card{background:#fff;border:1px solid #dfe5ed;border-radius:20px;padding:24px;box-shadow:0 6px 22px #23314b06;min-width:0;border-top:4px solid #a7b4ce}
.hp-site-card[data-site-card="site"]{border-top-color:#9070ba}
.hp-site-card[data-site-card="mirrativ"]{border-top-color:#4e8d95}
.hp-site-card--lp{border-top-color:#c68d4c;background:#fffcf6}
.hp-site-card h3{font-size:19px;line-height:1.5;margin:8px 0}
.hp-site-card p{font-size:13px;line-height:1.8;color:#526276;margin:8px 0}
.hp-site-url{font-size:11px;overflow-wrap:anywhere;min-height:34px;margin:12px 0 16px;color:#526276}
.hp-site-url a,.hp-edit-title>a{color:#3e648d;text-decoration:underline;text-underline-offset:3px}
.hp-card-actions{display:grid;gap:8px}
.hp-card-actions button,.hp-card-actions>a,.hp-quick-nav button,.hp-archive button,.hp-edit-context>button{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;background:#f6f8fb;color:#283c55;border:1px solid #dce3ed;border-radius:10px;padding:12px;font:600 13px/1.6 system-ui,sans-serif;cursor:pointer;text-decoration:none;min-height:46px;white-space:normal;box-sizing:border-box}
.hp-card-actions button:hover,.hp-card-actions>a:hover,.hp-quick-nav button:hover{background:#edf2f9;border-color:#8fa4bd}
#hp-editor-guide button:focus-visible,#hp-editor-guide a:focus-visible,#hp-editor-guide summary:focus-visible{outline:3px solid #4c78b4;outline-offset:3px}
#hp-editor-guide button:disabled{opacity:.5;cursor:wait}
.hp-site-card .hp-card-note{font-size:12px;color:#775b3c;background:#faf2e7;border-radius:8px;padding:10px;margin-top:14px}
.hp-archive{margin-top:24px;border:1px solid #dfe5ed;padding:16px 20px;border-radius:14px;background:#f7f8fa;font-size:13px;color:#526276}
.hp-archive summary{cursor:pointer;font-weight:700}
.hp-edit-context{background:#fff;border:1px solid #dce3ed;border-left:4px solid #8a6ab3;padding:18px;border-radius:14px;margin-bottom:16px}
.hp-edit-context>button{display:inline-flex;min-height:36px;padding:6px 10px;margin-bottom:14px}
.hp-edit-title h2{margin:5px 0 8px;font-size:21px;line-height:1.5}
.hp-edit-title small{font-size:14px;color:#526276}
.hp-edit-title>a{font-size:12px;overflow-wrap:anywhere}
.hp-context-note{font-size:13px;line-height:1.8;padding:10px 12px;background:#f4f6fb;border-radius:8px}
.hp-quick-nav{display:flex;flex-wrap:wrap;gap:7px}
.hp-quick-nav button{min-height:36px;padding:7px 10px;font-size:12px}
.hp-lp-guide{background:#fff8ed;border:1px solid #e7d5b9;border-radius:14px;padding:16px 20px;margin:18px 0;line-height:1.8;font-size:13px;color:#55452d}
.hp-lp-guide a{color:#315f96;font-weight:700;margin-right:18px}
.hp-lp-guide strong{display:block;font-size:17px;margin-top:8px}
@media(max-width:1200px){.hp-site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hp-site-grid{grid-template-columns:minmax(0,1fr)}.hp-site-card{padding:20px}.hp-guide-heading{display:block}.hp-guide-safe{display:inline-block;margin-top:14px}.hp-edit-title small{display:block}.hp-quick-nav{display:grid;grid-template-columns:1fr 1fr}.hp-lp-guide a{display:block}}
