/* Interactive shortcode styles: also usable with another WP theme. */
.sgl-root,.sgl-diagnosis{--gold:#eed398;--gold2:#c79d54;--mint:#8ee1c2;--line:rgba(222,196,139,.27);--white:#faf7ef;color:var(--white)}
.sgl-root [hidden],.sgl-diagnosis [hidden]{display:none!important}.sgl-root .tab,.sgl-root .toggle,.sgl-root .hotspot,.sgl-diagnosis button{cursor:pointer}.sgl-stage-stack{min-width:0}.sgl-compare{position:relative;isolation:isolate}.sgl-compare-img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;display:block}.sgl-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split,50%)) 0 0);z-index:2}.sgl-before>.sgl-compare-img{width:100%;height:100%}.sgl-compare .splitter{z-index:3}.sgl-image-tag{position:absolute;z-index:4;bottom:16px;padding:5px 9px;font-size:.75rem;background:#02121bbb;border:1px solid #e4cf9688;border-radius:5px}.sgl-image-tag--before{left:12px}.sgl-image-tag--after{right:12px}.sgl-hunt-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.sgl-root .hotspot:focus-visible{outline:3px solid #fff;outline-offset:4px}.sgl-root .treasure-stage:has(.sgl-hunt-image){min-height:420px}.sgl-root .demo-notice{max-width:calc(100% - 24px);white-space:normal}.sgl-root .flow-stage svg{position:relative;z-index:1}.sgl-root .flow-stage .flow-path{filter:drop-shadow(0 0 5px currentColor)}.sgl-root .panel-copy .micro{line-height:1.7}
.sgl-diagnosis{display:grid;grid-template-columns:.72fr 1.28fr;background:linear-gradient(120deg,#13252d,#081c2a);border:1px solid rgba(235,202,139,.5);border-radius:20px;overflow:hidden;max-width:1050px}.sgl-diagnosis-side{padding:44px 35px;background:radial-gradient(ellipse at center,rgba(233,191,110,.15),transparent 65%),repeating-radial-gradient(circle at center,transparent 0 42px,rgba(240,205,129,.09) 43px 44px),#152631;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:385px}.sgl-quest-emblem{width:120px;height:120px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:4rem;box-shadow:0 0 33px rgba(236,196,121,.28);margin-bottom:23px}.sgl-diagnosis-side strong{font:bold 1.18rem Georgia,serif;letter-spacing:.19em;color:var(--gold);line-height:1.8}.sgl-diagnosis-side p{font-size:.84rem;color:#d3dfdb}.sgl-diagnosis-side small{color:#a9c4bb;font-size:.72rem}.sgl-diagnosis-form{padding:36px;min-width:0}.sgl-diagnosis-form h3{font-family:Georgia,'Noto Serif CJK JP',serif;font-size:1.45rem;line-height:1.5;margin:15px 0}.sgl-diagnosis-form p{font-size:.83rem;color:#b7cec7}.sgl-progress{height:4px;background:#284449;margin-top:18px;border-radius:5px;overflow:hidden}.sgl-progress>span{display:block;background:linear-gradient(90deg,#e5ba6e,#8ee1c2);width:0;height:100%;transition:width .25s}.sgl-answer-list{display:grid;gap:10px;margin:20px 0}.sgl-answer{background:#102a35;border:1px solid rgba(226,200,145,.35);text-align:left;border-radius:8px;padding:13px 15px;color:#e6f0e8;font-size:.88rem;transition:background .18s,border-color .18s}.sgl-answer:hover,.sgl-answer.is-selected{background:#29443c;border-color:var(--gold);color:#fff9dd}.sgl-answer.is-selected:before{content:'✓';margin-right:9px;color:var(--gold)}.sgl-diagnosis-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.sgl-diagnosis-actions .btn{cursor:pointer;flex:none}.sgl-diagnosis-actions button:disabled{opacity:.43;cursor:not-allowed;box-shadow:none}.sgl-diagnosis-note{font-size:.69rem!important;color:#a2b7b5!important;margin-top:24px}.sgl-diagnosis-result{border:1px solid #d4b57688;padding:17px;background:#071a24;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.81rem;color:#f0e3bc}.sgl-answer-list>.btn{justify-content:center}.sgl-voice-grid{color:#faf7ef}
@media(max-width:900px){.sgl-diagnosis{grid-template-columns:1fr}.sgl-diagnosis-side{min-height:190px;padding:22px}.sgl-quest-emblem{width:68px;height:68px;font-size:2.3rem;margin-bottom:8px}.sgl-diagnosis-side strong{font-size:.85rem}.sgl-diagnosis-side p{margin:7px}.sgl-diagnosis-form{padding:25px}.sgl-root .attraction-panel.active{grid-template-columns:1fr}}
@media(max-width:600px){.sgl-diagnosis-form{padding:20px}.sgl-diagnosis-form h3{font-size:1.18rem}.sgl-root .flow-stage{padding:7px}.sgl-root .flow-stage svg{height:auto;max-height:320px}.sgl-root .material-box{bottom:10px;left:10px;right:10px}.sgl-root .hotspot{width:32px;height:32px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.sgl-root .flow-path.on{animation:none!important}.sgl-root .hotspot{animation:none!important}}