.seo-coach { scroll-margin-top: 28px; padding: clamp(22px, 4vw, 38px); margin: 28px 0; border: 1px solid #c7d4df; border-left: 4px solid #d4b15e; border-radius: 10px; background: #eaf0f5; color: #263a55; }
.seo-coach h2 { margin: 6px 0 12px; font-size: clamp(23px, 3vw, 31px); line-height: 1.45; }
.seo-coach > p { color: #5d7487; font-size: 15px; line-height: 1.7; margin: 8px 0; }
.seo-coach .seo-coach-kicker { font-size: 12px; letter-spacing: .1em; color: #8d7135; }
.seo-coach-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; align-items: center; }
.seo-coach-actions .button { min-height: 42px; font-size: 14px; padding: 10px 15px; border: 1px solid #263a55; border-radius: 5px; cursor: pointer; text-decoration: none; }
.seo-coach-actions button { background: #263a55; color: #fffdf7; }
.seo-coach-actions a { color: #34536b; background: transparent; }
.seo-coach-use { list-style: none; padding: 0; margin: 20px 0 12px; display: flex; flex-wrap: wrap; gap: 10px 20px; color: #5a7287; font-size: 14px; }
.seo-coach-use li { display: flex; align-items: center; gap: 7px; }
.seo-coach-use b { display: grid; place-items: center; border: 1px solid #bdcdd9; border-radius: 50%; width: 23px; height: 23px; font-size: 12px; color: #526e84; }
.seo-coach details { margin-top: 16px; color: #587286; font-size: 13px; line-height: 1.8; }
.seo-coach details summary { cursor: pointer; }
.seo-coach details p { max-width: 66ch; }
.seo-coach-status { min-height: 1.5em; margin: 10px 0 0; color: #586f80; font-size: 13px; line-height: 1.7; }
.seo-coach-dialog { width: min(720px, calc(100% - 28px)); max-height: calc(100vh - 36px); padding: 24px; border: 1px solid #c5d1db; border-radius: 12px; background: #fffdf8; color: #263a55; }
.seo-coach-dialog::backdrop { background: #14243888; }
.seo-coach-dialog h2 { font-size: 22px; }
.seo-coach-dialog p { color: #63798b; font-size: 14px; line-height: 1.7; }
.seo-coach-dialog textarea { display: block; width: 100%; height: 44vh; margin: 16px 0; padding: 12px; border: 1px solid #c5d1db; background: #f2f5f7; color: #334f65; font-size: 13px; line-height: 1.65; }
.seo-coach-dialog form { text-align: right; }
@media (max-width: 700px) { .seo-coach-use { display: grid; } .seo-coach-actions .button { flex: 1 1 auto; text-align: center; } }

.guide-extra { margin: 34px 0; border-top: 1px solid #ced7df; padding-top: 20px; }
.guide-extra > summary { cursor: pointer; color: #587184; font-size: 15px; }