.bpe-guide-panel {margin: 0 0 1.5rem; padding: 1rem 1.25rem; border: 1px solid #d7b0ab; border-radius: 12px; background: #fffaf8; color: #51332f;}
.bpe-guide-panel strong {font-size: 1.125rem;}
.bpe-guide-panel p, .bpe-guide-coach p {margin: .5rem 0; font-size: 1rem; line-height: 1.7; overflow-wrap: anywhere;}
.bpe-guide-tools {display: flex; flex-wrap: wrap; gap: .625rem; margin-top: .75rem;}
.bpe-guide-tools .btn, .bpe-guide-coach .btn {min-height: 44px; white-space: normal; font-size: 1rem;}
.bpe-guide-coach {grid-column: 1 / -1; flex-basis: 100%; min-width: 0; margin: 1.25rem 0 .9rem; padding: .9rem 1rem; border-left: 4px solid #bc3535; border-radius: 6px; background: #fff5f2; color: #512d29; text-align: left;}
.bpe-guide-coach strong {font-size: 1.0625rem;}
.bpe-guide-label {display: inline-block; padding: .1rem .5rem; border-radius: 4px; background: #a72c2c; color: #fff; font-size: 1rem; font-weight: 700;}
.bpe-guide-message {color: #a72c2c; font-weight: 700;}
.bpe-guide-coach [hidden] {display: none !important;}
.bpe-guide-target {outline: 4px solid rgb(190 38 38 / 42%); outline-offset: 4px; border-radius: 6px; animation: bpe-guide-glow 2.4s cubic-bezier(.45, 0, .55, 1) infinite; scroll-margin-block: 2rem; will-change: outline-color, box-shadow;}
@keyframes bpe-guide-glow {
  0%, 100% {outline-color: rgb(190 38 38 / 42%); box-shadow: 0 0 0 1px rgb(196 48 48 / 7%), 0 0 3px 2px rgb(196 48 48 / 5%);}
  50% {outline-color: rgb(198 32 32 / 100%); box-shadow: 0 0 0 8px rgb(196 48 48 / 22%), 0 0 26px 12px rgb(196 48 48 / 30%);}
}
.bpe-guide-target.bpe-guide-still {animation: none; outline-color: #bd3737; box-shadow: 0 0 0 5px rgb(196 48 48 / 14%); will-change: auto;}
.bpe-guide-target:focus-visible {border-color: #096f68 !important;}
.bpe-guide-target :focus-visible {outline: 3px solid #096f68 !important; outline-offset: 1px;}
@media (prefers-reduced-motion: reduce) {
  .bpe-guide-target {animation: none; outline-color: #bd3737; box-shadow: 0 0 0 5px rgb(196 48 48 / 14%); will-change: auto;}
}
@media (max-width: 560px) {
  .bpe-guide-panel, .bpe-guide-coach {padding: .8rem;}
  .bpe-guide-tools {gap: .5rem;}
}
