:root{--guidelines-frame-line:3px;--guidelines-frame-bracket:9px;--guidelines-frame-radius:1.5rem;--guidelines-frame-arm:3rem;--guidelines-dot:.5rem;--guidelines-dot-pitch:1rem}.guideline-frame{position:relative}.guideline-frame:before,.guideline-frame:after{content:"";pointer-events:none;position:absolute}.guideline-frame:before{inset:calc((var(--guidelines-frame-bracket) - var(--guidelines-frame-line)) / 2);border:var(--guidelines-frame-line) solid var(--color-brand-yellow);border-radius:calc(var(--guidelines-frame-radius) - (var(--guidelines-frame-bracket) - var(--guidelines-frame-line)) / 2)}.guideline-frame:after{border:var(--guidelines-frame-bracket) solid var(--color-brand-yellow);border-radius:var(--guidelines-frame-radius);-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000),linear-gradient(#000,#000);-webkit-mask-position:0 0,100% 0,0 100%,100% 100%;mask-position:0 0,100% 0,0 100%,100% 100%;-webkit-mask-size:var(--guidelines-frame-arm) var(--guidelines-frame-arm);mask-size:var(--guidelines-frame-arm) var(--guidelines-frame-arm);inset:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.guideline-rule:before{content:"・";margin-inline:-.25em -.2em}.guideline-dots{width:100%;height:var(--guidelines-dot);background:radial-gradient(circle calc(var(--guidelines-dot) / 2) at calc(var(--guidelines-dot) / 2) 50%, var(--color-brand-yellow) 96%, transparent 100%) 0 0 / var(--guidelines-dot-pitch) var(--guidelines-dot) space no-repeat}.guideline-answer{height:var(--accordion-panel-height);transition:height .24s cubic-bezier(.22,.61,.36,1);overflow:hidden}.guideline-answer[data-starting-style],.guideline-answer[data-ending-style]{height:0}@media (prefers-reduced-motion:reduce){.guideline-answer{transition:none}}