:root { --hbs-green:#26896D; --hbs-border:#d9d9d9; --hbs-text:#444; --hbs-muted:#777; --hbs-button:#508A88; }
.hbs150-mock-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.28);padding:20px;opacity:1;transition:opacity .16s ease}
.hbs150-mock-overlay.is-closing{opacity:0}
.hbs150-mock-modal{width:min(620px,92vw);max-height:72vh;background:#fffbea;border-radius:8px;box-shadow:0 12px 38px rgba(0,0,0,.22);overflow:hidden;color:var(--hbs-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
.hbs150-mock-scroll{max-height:72vh;overflow-y:auto;padding:28px 30px 30px}
.hbs150-mock-intro{margin:0 0 22px;font-size:16px;line-height:1.8;font-weight:400;color:#333}
.hbs150-mock-question{border-top:1px solid #eee}
.hbs150-mock-question:last-of-type{border-bottom:1px solid #eee}
.hbs150-mock-trigger{appearance:none;width:100%;display:flex;align-items:center;gap:8px;text-align:left;background:transparent;border:0;padding:16px 4px;color:#555;font:inherit;cursor:pointer}
.hbs150-mock-trigger:disabled{cursor:default;color:#555;opacity:1}
.hbs150-mock-chevron{font-size:29px;line-height:1;font-weight:300;transform:translateY(-1px);color:inherit}
.hbs150-mock-label{font-size:18px;line-height:1.45;font-weight:600;white-space:nowrap;color:#555}
.hbs150-mock-answer{font-size:18px;line-height:1.45;font-weight:400;margin-left:8px;color:#444}
.hbs150-mock-question.is-active .hbs150-mock-trigger{color:var(--hbs-green)}
.hbs150-mock-question.is-active .hbs150-mock-label{color:var(--hbs-green)}
.hbs150-mock-question.is-answered .hbs150-mock-trigger,.hbs150-mock-question.is-answered .hbs150-mock-label{color:#555}
.hbs150-mock-options{border:1px solid var(--hbs-border);border-radius:6px;margin:0 4px 14px 37px;overflow:hidden;background:#fff}
.hbs150-mock-options.is-long{max-height:230px;overflow-y:auto}
.hbs150-mock-option{display:block;width:100%;appearance:none;border:0;border-bottom:1px solid #ececec;background:#fff;text-align:left;padding:11px 14px;font-size:15px;line-height:1.35;color:#444;cursor:pointer}
.hbs150-mock-option:last-child{border-bottom:0}.hbs150-mock-option:hover,.hbs150-mock-option:focus{background:#f5f5f5;outline:none}.hbs150-mock-option.is-selected{background:#f1f1f1}
.hbs150-mock-submit{display:block;width:100%;margin-top:24px;padding:13px 18px;border:0;border-radius:5px;background:var(--hbs-button);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .15s ease,background .15s ease}
.hbs150-mock-submit:disabled{background:#d3d3d3;color:#fff;cursor:default}
.hbs150-mock-submit:not(:disabled):hover{background:#467a78}
.hbs150-mock-option-main{display:block}
.hbs150-mock-option-note{display:block;margin-top:3px;font-size:.88em;line-height:1.35;color:#666}
@media(max-width:600px){.hbs150-mock-overlay{padding:12px}.hbs150-mock-modal{width:94vw;max-height:76vh}.hbs150-mock-scroll{max-height:76vh;padding:22px 18px 24px}.hbs150-mock-intro{font-size:15px;line-height:1.7;margin-bottom:16px}.hbs150-mock-trigger{padding:14px 2px;gap:6px}.hbs150-mock-chevron{font-size:27px}.hbs150-mock-label,.hbs150-mock-answer{font-size:16px}.hbs150-mock-answer{margin-left:4px}.hbs150-mock-options{margin-left:31px}.hbs150-mock-option{font-size:15px;padding:11px 12px}}

.hbs150-mock-intro-wrap{display:flex;align-items:flex-start;gap:12px;margin:0 0 22px}
.hbs150-mock-hippy{width:81px;height:auto;flex:0 0 81px;align-self:flex-start}
.hbs150-mock-intro-wrap .hbs150-mock-intro{margin:0}
@media(max-width:600px){.hbs150-mock-intro-wrap{gap:9px;margin-bottom:16px}.hbs150-mock-hippy{width:72px;flex-basis:72px}}

/* v0.1.6: always-visible choices; only prefecture uses a native select. */
.hbs150-mock-question{padding:14px 4px}
.hbs150-mock-question-title{display:flex;align-items:center;gap:7px;margin:0 0 10px;color:#555}
.hbs150-mock-question-title .hbs150-mock-chevron{font-size:29px}
.hbs150-mock-choice-list{display:flex;flex-wrap:wrap;gap:8px 10px;margin:0 0 2px 35px}
.hbs150-mock-choice{appearance:none;border:1px solid #d7d7d7;border-radius:5px;background:#fff;color:#555;padding:8px 12px;font-size:15px;line-height:1.3;cursor:pointer;text-align:left}
.hbs150-mock-choice:hover,.hbs150-mock-choice:focus{background:#f6f6f6;outline:none}
.hbs150-mock-choice.is-selected{border-color:#8a8a8a;background:#ededed}
.hbs150-mock-choice-note{display:block;margin-top:3px;font-size:.88em;color:#666}
.hbs150-mock-select-wrap{margin:0 0 2px 35px}
.hbs150-mock-select{width:min(300px,100%);min-height:46px;border:1px solid #d7d7d7;border-radius:5px;background:#fff;color:#555;padding:10px 34px 10px 11px;font-size:15px;line-height:1.4}
@media(max-width:600px){.hbs150-mock-question{padding:12px 2px}.hbs150-mock-question-title{margin-bottom:9px}.hbs150-mock-choice-list,.hbs150-mock-select-wrap{margin-left:29px}.hbs150-mock-choice{padding:7px 10px;font-size:14px}.hbs150-mock-select{min-height:48px;padding-top:11px;padding-bottom:11px;font-size:15px;line-height:1.4}}