#wsd-app{--wsd-green:#26a69a;--wsd-deep:#1f8178;--wsd-pale:#e4f8f6;--wsd-border:#b6e9e4;--wsd-orange:#ff7a00;--wsd-line:#06c755;box-sizing:border-box;width:100%;max-width:600px;margin:20px auto;color:#333;font-size:14px;line-height:1.65;overflow:hidden}
#wsd-app *{box-sizing:border-box}
#wsd-app [hidden]{display:none!important}
#wsd-app .wsd-quiz{position:relative;background:#fff;overflow:hidden}
#wsd-app .wsd-head{position:relative;display:flex;align-items:center;gap:14px}
#wsd-app .wsd-head-copy{min-width:0;flex:1}
#wsd-app .wsd-kicker{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.03em}
#wsd-app .wsd-title{margin-top:4px;color:var(--wsd-deep);font-size:20px;font-weight:800;line-height:1.45;word-break:keep-all}
#wsd-app .wsd-head p{margin:3px 0 0;color:#52615f;font-size:12.5px;line-height:1.5}
#wsd-app .wsd-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:11px 16px 0}
#wsd-app .wsd-progress i{height:5px;border-radius:3px;background:#d9e5e3}
#wsd-app .wsd-progress i[aria-current="step"]{background:var(--wsd-orange)}
#wsd-app .wsd-progress i[data-wsd-done="true"]{background:var(--wsd-green)}
#wsd-app .wsd-status{display:flex;align-items:center;justify-content:space-between;margin:11px 16px 0}
#wsd-app .wsd-step{color:var(--wsd-deep);font-size:14px;font-weight:800}
#wsd-app .wsd-live{display:flex;align-items:baseline;gap:6px;color:#596765;font-size:12.5px}
#wsd-app .wsd-live b{color:var(--wsd-deep)}
#wsd-app .wsd-live b span{font-size:20px;font-weight:800}
#wsd-app .wsd-question{padding:4px 16px 16px;text-align:left}
#wsd-app .wsd-q-title{margin:0 0 13px;color:var(--wsd-deep);font-size:21px;font-weight:800;line-height:1.45}
#wsd-app .wsd-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 auto}
#wsd-app .wsd-option{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:60px;padding:10px;border:1px solid #9fd9d3;background:#fff;color:#354542;font-size:14px;font-weight:700;line-height:1.4;cursor:pointer}
#wsd-app .wsd-option-counted{justify-content:space-between;text-align:left}
#wsd-app .wsd-option b{flex:0 0 auto;margin-left:7px;color:var(--wsd-deep);font-size:12.5px}
#wsd-app .wsd-option:disabled{border-color:#dce3e2;background:#f2f4f4;color:#9ca5a3;cursor:not-allowed}
#wsd-app .wsd-option:disabled b{color:#9ca5a3}
#wsd-app .wsd-option:active{transform:translateY(1px);background:var(--wsd-pale)}
#wsd-app .wsd-options[data-wsd-kind="group"]{grid-template-columns:1fr}
#wsd-app .wsd-options[data-wsd-kind="group"] .wsd-option{min-height:43px}
#wsd-app .wsd-result{padding:16px;text-align:center}
#wsd-app .wsd-result-lock{display:flex;align-items:center;gap:9px;max-width:440px;margin:0 auto 10px;padding:10px 12px;border:1px solid var(--wsd-border);background:#fff;text-align:left}
#wsd-app .wsd-result-lock>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--wsd-pale);font-size:15px}
#wsd-app .wsd-result-lock small{display:block;color:#687472;font-size:12px;font-weight:700}
#wsd-app .wsd-result-lock div div{color:var(--wsd-deep);font-size:16px;font-weight:800}
#wsd-app .wsd-score{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:440px;margin:0 auto}
#wsd-app .wsd-score-item{padding:8px 2px;border:1px solid var(--wsd-border);background:var(--wsd-pale)}
#wsd-app .wsd-score-item b{display:block;color:var(--wsd-deep);font-size:17px;line-height:1.35}
#wsd-app .wsd-score-item span{font-size:12px}
#wsd-app .wsd-relax{margin:9px auto 0;padding:7px 10px;border:1px solid #9bcfca;border-radius:5px;background:#fff;color:var(--wsd-deep);font-size:12.5px;font-weight:700;cursor:pointer}
#wsd-app .wsd-preview{max-width:440px;margin:11px auto 0;padding:13px;border:2px solid var(--wsd-green);background:var(--wsd-pale);text-align:left}
#wsd-app .wsd-preview-label{display:block;color:var(--wsd-deep);font-size:12px;font-weight:700}
#wsd-app .wsd-preview-head{display:flex;align-items:start;justify-content:space-between;gap:8px;margin-top:2px}
#wsd-app .wsd-preview-name{min-width:0;font-size:17px;line-height:1.45;overflow-wrap:anywhere}
#wsd-app .wsd-preview-mark{flex:0 0 auto;padding:2px 7px;border-radius:4px;background:#fff;color:#4f5d5b;font-size:12px}
#wsd-app .wsd-preview-ind{display:block;margin-top:1px;color:#687472;font-size:12.5px}
#wsd-app .wsd-check-title{margin:10px 0 5px;padding-top:8px;border-top:1px solid #b9ddd9;color:var(--wsd-deep);font-size:13px;font-weight:800}
#wsd-app .wsd-checks{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;margin:0;padding:0;list-style:none}
#wsd-app .wsd-checks li{display:flex;align-items:flex-start;gap:5px;min-width:0;font-size:12px;line-height:1.45}
#wsd-app .wsd-checks i{flex:0 0 16px;color:var(--wsd-green);font-style:normal;font-weight:800;text-align:center}
#wsd-app .wsd-checks .wsd-no{color:#9ba5a3}
#wsd-app .wsd-checks .wsd-null{color:#78827f}
#wsd-app .wsd-result-copy{margin:10px 0 7px;font-size:13px;font-weight:700}
#wsd-app .wsd-blur{position:relative;max-width:440px;max-height:106px;margin:0 auto;overflow:hidden;border:1px solid #d7e2e0;text-align:left}
#wsd-app .wsd-blur:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.38);backdrop-filter:blur(6px)}
#wsd-app .wsd-blur-row{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;border-bottom:1px solid #e4e9e8;font-size:12.5px}
#wsd-app .wsd-blur-row span:first-child{min-width:0;overflow-wrap:anywhere}
#wsd-app .wsd-gate{position:relative;max-width:420px;margin:-12px auto 0;padding:16px 13px 13px;border:1px solid var(--wsd-border);border-radius:8px;background:#fff;box-shadow:0 5px 14px rgba(28,82,77,.14)}
#wsd-app .wsd-gate-title{margin-bottom:8px;color:var(--wsd-deep);font-size:16px;font-weight:800}
#wsd-app .wsd-benefits{margin:0;padding:10px 10px 10px 31px;background:var(--wsd-pale);text-align:left;font-size:12.5px}
#wsd-app .wsd-benefits li+li{margin-top:5px}
#wsd-app .wsd-benefits li::marker{color:var(--wsd-deep)}
#wsd-app .wsd-benefits small{font-size:12px}
#wsd-app .wsd-proof{display:flex;align-items:baseline;justify-content:center;gap:7px;margin:9px 0 2px;color:#697572;font-size:12px}
#wsd-app .wsd-proof b{color:#f56e05;font-size:17px}
#wsd-app .wsd-steps{margin:3px 0 10px;color:#52605e;font-size:12.5px;font-weight:700}
#wsd-app .wsd-line{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:7px;background:var(--wsd-line);box-shadow:0 4px 0 #049a42;color:#fff;text-decoration:none;font-size:15px;font-weight:800}
#wsd-app .wsd-line span{font-size:22px}
#wsd-app .wsd-note{display:block;margin-top:9px;color:#6a7674;font-size:12px}
#wsd-app .wsd-source{max-width:440px;margin:15px auto 0;color:#6a7674;font-size:12px;line-height:1.55;text-align:left}
#wsd-app .wsd-back{display:block;margin:0 auto 14px;padding:4px 10px;border:0;background:transparent;color:#66716f;font-size:12.5px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#wsd-app .wsd-decor{display:none}
@media(max-width:539px){#wsd-app{margin:14px auto}#wsd-app .wsd-head{display:block}#wsd-app .wsd-head-copy{padding-right:0}#wsd-app .wsd-title{font-size:18px}#wsd-app .wsd-head p{max-width:none}}
@media(min-width:540px){#wsd-app .wsd-options[data-wsd-kind="group"]{grid-template-columns:1fr 1fr}#wsd-app .wsd-options[data-wsd-kind="group"] .wsd-option:last-child{grid-column:1/-1}#wsd-app .wsd-question{min-height:0}}

#wsd-app .wsd-quiz{border:1px solid var(--wsd-border);border-radius:12px;box-shadow:0 3px 12px rgba(30,88,82,.12)}
#wsd-app .wsd-head{padding:17px 18px 15px;background:var(--wsd-pale);border-top:7px solid var(--wsd-green);border-bottom:1px dashed #82c9c2}
#wsd-app .wsd-kicker{padding:2px 9px;border:1px solid var(--wsd-green);border-radius:12px;background:#fff;color:var(--wsd-deep)}
#wsd-app .wsd-option{border-radius:7px;border-left:7px solid var(--wsd-green);box-shadow:0 3px 0 #d3ece9}
#wsd-app .wsd-option:before,#wsd-app .wsd-option:after{content:"";position:absolute;left:-10px;width:6px;height:6px;border-radius:50%;background:#fff}
#wsd-app .wsd-option:before{top:-3px}#wsd-app .wsd-option:after{bottom:-3px}
#wsd-app .wsd-result-lock,#wsd-app .wsd-score-item,#wsd-app .wsd-preview{border-radius:7px}

#wsd-app .wsd-head-copy{padding-right:0;min-width:0}
#wsd-app .wsd-title,#wsd-app .wsd-q-title,#wsd-app .wsd-option-name{word-break:keep-all;overflow-wrap:normal}
#wsd-app .wsd-form-title{display:none}
#wsd-app .wsd-options{align-items:stretch}
#wsd-app .wsd-option{word-break:keep-all;overflow-wrap:normal}
#wsd-app .wsd-option-benefit{padding:0}
#wsd-app .wsd-option-main{min-width:0}
#wsd-app .wsd-option-name{display:block;font-size:14px;font-weight:800;line-height:1.35}
#wsd-app .wsd-option-desc{display:block;margin-top:2px;color:#65726f;font-size:12px;font-weight:400;line-height:1.35;word-break:keep-all}
#wsd-app .wsd-benefit-icon{display:grid;place-items:center;flex:0 0 auto;color:var(--wsd-deep)}
#wsd-app .wsd-benefit-icon svg{display:block;width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#wsd-app .wsd-checks li span{word-break:keep-all;overflow-wrap:normal}

#wsd-app .wsd-quiz{border-radius:10px}
#wsd-app .wsd-head{display:block;padding:0 17px 12px;background:#fff;border-top:0;border-bottom:1px solid var(--wsd-border)}
#wsd-app .wsd-kicker{display:block;margin:0 -17px 12px;padding:5px 17px;border:0;border-radius:0;background:var(--wsd-green);color:#fff;line-height:1.4}
#wsd-app .wsd-title{margin-top:0;font-size:19px;line-height:1.4}
#wsd-app .wsd-head p{display:none}
#wsd-app .wsd-progress{padding-top:9px}
#wsd-app .wsd-status{margin-top:7px}
#wsd-app .wsd-question{padding-top:1px}
#wsd-app .wsd-q-title{margin-bottom:9px;font-size:18px}
#wsd-app .wsd-options[data-wsd-kind="benefit"]{grid-template-columns:1fr;gap:7px}
#wsd-app .wsd-options[data-wsd-kind="benefit"] .wsd-option{display:grid;grid-template-columns:55px 1fr 55px;min-height:63px;border:1px solid #8fcfc9;border-left:4px solid var(--wsd-green);border-radius:6px;background:#fff;box-shadow:none;text-align:left}
#wsd-app .wsd-options[data-wsd-kind="benefit"] .wsd-option:before,#wsd-app .wsd-options[data-wsd-kind="benefit"] .wsd-option:after{display:none}
#wsd-app .wsd-options[data-wsd-kind="benefit"] .wsd-benefit-icon{height:100%;border-right:1px dashed #8fcfc9}
#wsd-app .wsd-options[data-wsd-kind="benefit"] .wsd-option-main{padding:7px 10px}
#wsd-app .wsd-ticket-stub{display:grid;place-items:center;align-self:stretch;border-left:1px dashed #8fcfc9;background:var(--wsd-pale);color:var(--wsd-deep);font-size:12px;font-weight:800}
#wsd-app .wsd-checks{grid-template-columns:1fr 1fr;gap:6px}
#wsd-app .wsd-checks li{position:relative;min-height:47px;padding:7px 7px 7px 27px;border:1px dashed #9ecfc9;border-radius:4px;background:#f7fbfa;align-items:center}
#wsd-app .wsd-checks li:after{content:"";position:absolute;left:-4px;top:19px;width:7px;height:7px;border-radius:50%;background:var(--wsd-pale)}
#wsd-app .wsd-checks li i{position:absolute;left:7px;top:50%;transform:translateY(-50%)}
#wsd-app .wsd-checks li.wsd-yes{border-style:solid;background:var(--wsd-green);color:#fff}
#wsd-app .wsd-checks li.wsd-yes i{color:#fff}
#wsd-app .wsd-checks li.wsd-yes:after{background:var(--wsd-pale)}
#wsd-app .wsd-food-top{padding:12px}
#wsd-app .wsd-food-top-title{margin-bottom:8px;color:var(--wsd-deep);font-size:14px;font-weight:800}
#wsd-app .wsd-food-card{padding:10px 11px;border:1px solid var(--wsd-border);border-radius:7px;background:#fff}
#wsd-app .wsd-food-card+.wsd-food-card{margin-top:8px}
#wsd-app .wsd-food-card-head{display:flex;align-items:center;gap:8px}
#wsd-app .wsd-food-rank{flex:0 0 auto;padding:1px 7px;border-radius:4px;background:var(--wsd-green);color:#fff;font-size:12px;font-weight:800}
#wsd-app .wsd-food-name{flex:1;min-width:0;color:#8a9592;font-size:14px;font-weight:800;letter-spacing:.02em}
#wsd-app .wsd-food-card .wsd-preview-mark{background:var(--wsd-pale)}
#wsd-app .wsd-food-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0 0}
#wsd-app .wsd-food-nums div{padding:5px 4px;border-radius:5px;background:#f4faf9;text-align:center}
#wsd-app .wsd-food-nums dt{color:#687472;font-size:11px;line-height:1.3}
#wsd-app .wsd-food-match{margin-top:8px;padding:7px 9px;border-radius:6px;background:#fff7ef;font-size:12.5px;text-align:left}
#wsd-app .wsd-food-match b{display:block;color:#9b4a00;font-size:12px}
#wsd-app .wsd-food-match ul{margin:2px 0 0;padding:0;list-style:none}
#wsd-app .wsd-food-match li{display:flex;gap:5px;line-height:1.55}
#wsd-app .wsd-food-match li span{flex:0 0 12px;color:var(--wsd-deep);font-weight:800}
#wsd-app .wsd-food-match li.wsd-lv-low span{color:#b0773b}
#wsd-app .wsd-food-nums dd{margin:1px 0 0;color:#26332f;font-size:14px;font-weight:800;line-height:1.35}

#wsd-app .wsd-q-sub{display:block;margin-top:2px;color:#65726f;font-size:12.5px;font-weight:700}
#wsd-app .wsd-option-toggle{justify-content:flex-start;gap:9px}
#wsd-app .wsd-option-toggle>span{flex:1;min-width:0}
#wsd-app .wsd-chk{position:relative;flex:0 0 20px;width:20px;height:20px;border:2px solid #8fcfc9;border-radius:5px;background:#fff}
#wsd-app .wsd-option-toggle[aria-pressed="true"]{border-color:var(--wsd-green);background:var(--wsd-pale);color:var(--wsd-deep)}
#wsd-app .wsd-option-toggle[aria-pressed="true"] .wsd-chk{border-color:var(--wsd-green);background:var(--wsd-green)}
#wsd-app .wsd-option-toggle[aria-pressed="true"] .wsd-chk:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
#wsd-app .wsd-option-any{border-left-color:#b6c9c6;color:#52615f}
#wsd-app .wsd-next{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;margin-top:4px;border:0;border-radius:7px;background:var(--wsd-green);box-shadow:0 4px 0 var(--wsd-deep);color:#fff;font-size:15px;font-weight:800;cursor:pointer}
#wsd-app .wsd-next b{padding:1px 8px;border-radius:10px;background:#fff;color:var(--wsd-deep);font-size:13px}
#wsd-app .wsd-next:disabled{background:#dfe6e5;box-shadow:none;color:#8b9694;cursor:default}
#wsd-app .wsd-result{padding:0 0 14px}
#wsd-app .cm-abg{margin:0 auto}
#wsd-app .wsd-food-box{text-align:left}
#wsd-app .wsd-food-box .cm-abg-b-cardtitle{text-align:center}
#wsd-app .wsd-food-box .wsd-score{max-width:none;margin-bottom:10px}
#wsd-app .wsd-food-box .wsd-preview{max-width:none;margin:0;padding:0;border:0;background:transparent}
#wsd-app .wsd-food-box .wsd-food-top-title{text-align:left}
#wsd-app .wsd-food-box .wsd-result-copy{margin:14px 0 8px;text-align:center}
#wsd-app .wsd-blurarea .wsd-blur{max-width:none;max-height:none;filter:blur(4px);border:0}
#wsd-app .wsd-blurarea .wsd-blur:after{display:none}
#wsd-app .cm-abg-b-benefit>span:last-child{min-width:0;text-align:left}
#wsd-app .cm-abg-b-benefit small{display:block;color:#65726f;font-size:12px;font-weight:400}
#wsd-app .wsd-source{margin:12px 16px 0}
.cm-abg{--gca: #5CCB63; --gdk: #4E8E81; --mint: #DDF1EA; --gbg: #F5FAF8; --gac: #EF8B3A; max-width: 430px; margin: 0 auto; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif; color: var(--gdk); -webkit-text-size-adjust: 100%;}.cm-abg *,.cm-abg *::before,.cm-abg *::after{box-sizing: border-box;}.cm-abg.cm-abg{margin-left: auto; margin-right: auto;}.cm-abg-arm[hidden]{display: none !important;}.cm-abg.cm-abg-loader-pending > .cm-abg-arm{display: none;}.cm-abg-result-loader{display: flex; min-height: 240px; padding: 48px 20px; flex-direction: column; align-items: center; justify-content: center; gap: 16px; text-align: center;}.cm-abg-result-loader[hidden]{display: none;}.cm-abg-result-loader-spinner{width: 46px; height: 46px; border: 4px solid #DFFAF6; border-top-color: #2AA59A; border-radius: 50%; animation: cm-abg-result-spin .8s linear infinite;}.cm-abg-result-loader-text{margin: 0; color: #1f8a80; font-size: 15px; font-weight: 700; letter-spacing: .04em;}@keyframes cm-abg-result-spin{ to { transform: rotate(360deg); } }@media (prefers-reduced-motion: reduce){.cm-abg-result-loader-spinner{animation-duration: 1.8s;}}.cm-abg .cm-abg-line{display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin: 10px 0 0; padding: 14px 18px; background: var(--gca); color: #fff; font-size: 17px; font-weight: 800; text-decoration: none; border-radius: 999px; box-shadow: 0 6px 18px rgba(92, 203, 99, 0.35); line-height: 1.3; transition: transform 0.15s ease;}.cm-abg .cm-abg-line:active{transform: scale(0.98);}.cm-abg-badge{flex-shrink: 0; width: 30px; height: 30px;}.cm-abg-badge-inner{display: block; width: 100%; height: 100%;}.cm-abg-mark{display: block; width: 100%; height: 100%; object-fit: contain;}.cm-abg-a-arrow,.cm-abg-b-arrow{text-align: center; margin: 8px 0 4px;}.cm-abg-a-arrow span,.cm-abg-b-arrow span{display: inline-block; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 15px solid var(--gdk);}.cm-abg .cm-abg-form{margin: 0;}.cm-abg .cm-abg-field{display: flex; align-items: center; background: #fff; border: 2px solid var(--mint); border-radius: 999px; padding: 5px 5px 5px 14px; box-shadow: 0 2px 10px var(--mint);}.cm-abg .cm-abg-lock{font-size: 15px; margin-right: 8px;}.cm-abg .cm-abg-input{flex: 1; border: none; outline: none; font-size: 15px; color: var(--gdk); background: transparent; min-width: 0;}.cm-abg .cm-abg-input::placeholder{color: #adc4bd;}.cm-abg .cm-abg-input.is-error{color: #e0574b;}.cm-abg .cm-abg-go{flex-shrink: 0; width: 44px; height: 40px; border: none; border-radius: 999px; background: var(--gca); color: #fff; font-size: 16px; font-weight: 700; cursor: pointer;}.cm-abg .cm-abg-error{margin: 8px 0 0; text-align: center; font-size: 12px; font-weight: 700; color: #e0574b;}.cm-abg .cm-abg-note{margin: 12px 0 0; text-align: center; font-size: 11.5px; font-weight: 600; color: var(--gac);}.cm-abg-a-page{background: radial-gradient(circle at 88% 4%, var(--mint) 0%, var(--mint) 110px, transparent 111px), radial-gradient(circle at 8% 26%, var(--mint) 0%, var(--mint) 80px, transparent 81px), var(--gbg); border-radius: 18px; padding: 22px 22px 26px; overflow: hidden;}.cm-abg-a-headline{text-align: center;}.cm-abg-a-sub{font-size: 15px; font-weight: 700; line-height: 1.6;}.cm-abg-a-main{margin-top: 8px; font-size: 19px; font-weight: 800; line-height: 1.5;}.cm-abg-a-desc{margin-top: 12px; font-size: 14px; font-weight: 700; line-height: 1.7;}.cm-abg-a-result{position: relative; margin: 14px auto 0; max-width: 300px; background: #fff; border-radius: 14px; box-shadow: 0 4px 16px var(--mint); overflow: hidden;}.cm-abg-a-result-noimg{min-height: 150px; background: linear-gradient(135deg, #eef7f4, #dcefe8);}.cm-abg-a-result-img{display: block; width: 100%; height: auto;}.cm-abg-a-lock{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; gap: 6px; width: max-content; max-width: calc(100% - 28px); padding: 9px 16px; border: 1.5px solid var(--gdk); border-radius: 999px; background: #fff; color: var(--gdk); font-size: 12px; font-weight: 700; box-shadow: 0 2px 8px rgba(0,0,0,0.08);}.cm-abg-a-free{margin-top: 14px; text-align: center; font-size: 13.5px; font-weight: 700;}.cm-abg-a .cm-abg-line-primary{font-size: 18px;}.cm-abg-a-steps{display: flex; align-items: stretch; justify-content: center; gap: 2px; margin-top: 20px;}.cm-abg-a-step{flex: 1; background: #fff; border: 1.5px solid var(--mint); border-radius: 12px; padding: 12px 2px; text-align: center; box-shadow: 0 2px 8px var(--mint);}.cm-abg-a-num{display: inline-flex; align-items: center; justify-content: center; width: 21px; height: 21px; margin-bottom: 6px; border-radius: 50%; background: var(--gdk); color: #fff; font-size: 12px; font-weight: 700;}.cm-abg-a-step p{font-size: 11px; font-weight: 700; line-height: 1.5;}.cm-abg-a-steparrow{display: flex; align-items: center; color: var(--gdk); opacity: 0.45; font-size: 16px; font-weight: 700;}.cm-abg-a-benefits-title{margin-top: 26px; text-align: center; font-size: 16px; font-weight: 800;}.cm-abg-a-benefits{margin-top: 16px; display: flex; flex-direction: column; gap: 11px;}.cm-abg-a-benefit{display: flex; align-items: center; gap: 12px; background: #fff; border: 1.5px solid var(--mint); border-radius: 999px; padding: 13px 16px; font-size: 14px; font-weight: 700; box-shadow: 0 2px 8px var(--mint);}.cm-abg-a-bicon{flex-shrink: 0; width: 26px; height: 26px; display: block;}.cm-abg-a-bicon svg{width: 100%; height: 100%; display: block;}.cm-abg-b{position: relative;}.cm-abg-b-page{display: flex; flex-direction: column; gap: 14px;}.cm-abg-b-card{background: #fff; border-radius: 16px; box-shadow: 0 3px 14px rgba(78, 142, 129, 0.10); padding: 20px 16px;}.cm-abg-b-lead{text-align: center; font-size: 14px; font-weight: 700; line-height: 1.6;}.cm-abg-b-headline{margin-top: 8px; text-align: center; font-size: 18px; font-weight: 800; line-height: 1.5;}.cm-abg-b-resultbox{margin: 14px auto 0; max-width: 250px; background: var(--gbg); border: 1.5px solid var(--mint); border-radius: 12px; padding: 12px 14px 14px; text-align: center;}.cm-abg-b-resultlabel{font-size: 11.5px; font-weight: 700; color: #8fb3aa;}.cm-abg-b-lockicon{margin-top: 6px; font-size: 32px; line-height: 1;}.cm-abg-b-lockdesc{margin-top: 12px; text-align: center; font-size: 12.5px; line-height: 1.7;}.cm-abg-b-free{margin-top: 12px; text-align: center; font-size: 14px; font-weight: 800;}.cm-abg-b-cardtitle{font-size: 15px; font-weight: 800; margin-bottom: 14px;}.cm-abg-b-scorewrap{display: flex; flex-direction: column; gap: 10px;}.cm-abg-b-scorerow{display: flex; align-items: center;}.cm-abg-b-scorebar-bg{flex: 1; height: 13px; background: var(--gbg); border-radius: 999px; overflow: hidden;}.cm-abg-b-scorebar{display: block; height: 100%; background: #a9cfc6; border-radius: 999px; filter: blur(3.5px);}.cm-abg-b-blurarea{position: relative; margin-top: 16px; background: var(--gbg); border-radius: 10px; padding: 16px 14px; overflow: hidden;}.cm-abg-b-blurlines{filter: blur(4px);}.cm-abg-b-blurlines span{display: block; height: 8px; background: #c2d9d2; border-radius: 999px; margin-bottom: 10px;}.cm-abg-b-blurlines span:nth-child(1){width: 92%;}.cm-abg-b-blurlines span:nth-child(2){width: 78%;}.cm-abg-b-blurlines span:nth-child(3){width: 88%;}.cm-abg-b-blurlines span:nth-child(4){width: 64%;}.cm-abg-b-blurlines span:nth-child(5){width: 84%; margin-bottom: 0;}.cm-abg-b-blurlock{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 52px; height: 52px; border-radius: 50%; background: #fff; box-shadow: 0 3px 12px rgba(0,0,0,0.12); display: flex; align-items: center; justify-content: center; font-size: 22px;}.cm-abg-b-steptitle{text-align: center; font-size: 16px; font-weight: 800;}.cm-abg-b-steplist{margin: 14px 0 0; display: flex; flex-direction: column; gap: 10px;}.cm-abg-b-stepitem{display: flex; align-items: center; gap: 10px; font-size: 12.5px; font-weight: 700; line-height: 1.5;}.cm-abg-b-num{flex-shrink: 0; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--gdk); color: #fff; font-size: 11px; font-weight: 700;}.cm-abg-b-benefits{display: flex; flex-direction: column; gap: 11px;}.cm-abg-b-benefit{display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; line-height: 1.5;}.cm-abg-b-bicon{flex-shrink: 0; width: 24px; height: 24px; display: block;}.cm-abg-b-bicon svg{width: 100%; height: 100%; display: block;}.cm-abg-b-count{margin-top: 16px; padding-top: 14px; border-top: 1.5px dashed var(--mint); display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 13px; font-weight: 800; color: var(--gac);}@media (max-width: 420px){.cm-abg-a-sub{font-size: 14px;}.cm-abg-a-main{font-size: 17.5px;}.cm-abg .cm-abg-line{font-size: 15.5px;}}.cm-abg-b{--gca: #52c568; --gdk: #205e56; --mint: #c4e2dc; --gbg: #eef7f5; --gac: #ff7a00;}.cm-abg-b .cm-abg-b-page{gap: 14px;}.cm-abg-b .cm-abg-b-card{padding: 28px 16px 30px; border-radius: 18px; box-shadow: 0 8px 24px rgba(32, 94, 86, 0.08);}.cm-abg-b .cm-abg-b-page > .cm-abg-b-card:first-child{background: #fff url("../gate-bg-career-b.svg?v=1") center / 100% 100% no-repeat;}.cm-abg-b .cm-abg-b-lead{margin: 0; color: #2ea99d; font-size: 15px; font-weight: 700; letter-spacing: 0.03em; line-height: 1.55;}.cm-abg-b .cm-abg-b-headline{margin: 14px 0 0; color: #19584f; font-size: 20px; font-weight: 800; letter-spacing: 0.01em; line-height: 1.5;}.cm-abg-b .cm-abg-b-resultbox{display: flex; min-height: 92px; max-width: 160px; margin: 18px auto 0; padding: 15px 12px 14px; flex-direction: column; align-items: center; justify-content: center; background: #eef7f5; border: 0; border-radius: 11px;}.cm-abg-b .cm-abg-b-resultlabel{margin: 0; color: #205e56; font-size: 12px; font-weight: 700; line-height: 1.4;}.cm-abg-b .cm-abg-b-lockicon{position: relative; z-index: 0; width: max-content; margin: 10px auto 0; font-size: 28px; line-height: 1; isolation: isolate;}.cm-abg-b .cm-abg-b-lockicon::before{position: absolute; z-index: -1; top: 50%; left: 50%; width: 58px; height: 40px; background: rgba(93, 207, 194, 0.48); border-radius: 50%; content: ""; filter: blur(13px); transform: translate(-50%, -50%);}.cm-abg-b .cm-abg-b-lockdesc{margin: 16px 0 0; color: #6a7e79; font-size: 14px; font-weight: 700; line-height: 1.75;}.cm-abg-b .cm-abg-b-free{margin: 15px 0 0; color: #205e56; font-size: 15px; font-weight: 800; line-height: 1.5;}.cm-abg-b .cm-abg-line{position: relative; min-height: 58px; margin: 8px 0 0; padding: 13px 48px; background: #52c568; border-radius: 999px; box-shadow: none; font-size: 17px; line-height: 1.35;}.cm-abg-b .cm-abg-badge{position: absolute; top: 50%; left: 17px; width: 28px; height: 28px; transform: translateY(-50%);}.cm-abg-b .cm-abg-b-arrow{margin: 12px 0 9px; line-height: 0;}.cm-abg-b .cm-abg-b-arrow span{border-left-width: 9px; border-right-width: 9px; border-top: 15px solid #2ea99d;}.cm-abg-b .cm-abg-field{min-height: 64px; padding: 6px 6px 6px 16px; background: #f8fbfa; border: 2px solid #c4e2dc; border-radius: 999px; box-shadow: none;}.cm-abg-b .cm-abg-lock{margin-right: 10px; font-size: 17px;}.cm-abg-b .cm-abg-input{font-family: inherit; font-size: 15px; font-weight: 700; line-height: 1.4;}.cm-abg-b .cm-abg-input::placeholder{color: #858b8a; opacity: 1;}.cm-abg-b .cm-abg-go{width: 50px; height: 50px; background: #ff9902; border-radius: 50%; box-shadow: 0 4px 0 #d97800; font-family: inherit; font-size: 24px; line-height: 1;}.cm-abg-b .cm-abg-note{margin: 14px 0 0; color: #ff7a00; font-size: 13px; font-weight: 700; line-height: 1.6;}@media (max-width: 420px){.cm-abg-b .cm-abg-b-card{padding: 27px 15px 29px;}.cm-abg-b .cm-abg-b-headline{font-size: 19px;}.cm-abg-b .cm-abg-line{padding-right: 42px; padding-left: 42px; font-size: 16px;}.cm-abg-b .cm-abg-input{font-size: 14px;}}.cm-abg-lpfv-hero{position: relative; overflow: hidden; padding: 20px 15px 22px; text-align: center;}.cm-abg-lpfv-confetti{position: absolute; inset: 0; overflow: hidden; pointer-events: none;}.cm-abg-lpfv-confetti i{position: absolute; top: -16px; display: block; border-radius: 2px; opacity: 0;}@media (prefers-reduced-motion: no-preference){.cm-abg-lpfv-confetti i{animation: cm-abg-lpfv-fall linear infinite;}.cm-abg-lpfv-confetti i:nth-child(even){animation-name: cm-abg-lpfv-fall2;}@keyframes cm-abg-lpfv-fall{
        0%   { transform: translate(0, 0) rotate(0deg);        opacity: 0; }
        6%   { opacity: .9; }
        85%  { opacity: .9; }
        100% { transform: translate(18px, 360px) rotate(260deg); opacity: 0; }
    }@keyframes cm-abg-lpfv-fall2{
        0%   { transform: translate(0, 0) rotate(0deg);          opacity: 0; }
        6%   { opacity: .9; }
        85%  { opacity: .9; }
        100% { transform: translate(-22px, 360px) rotate(-300deg); opacity: 0; }
    }}.cm-abg-lpfv-done{margin: 0 0 4px; font-size: 17px; font-weight: 800; color: #14432F;}.cm-abg-lpfv-headline{margin: 0 0 12px; font-size: 21px; font-weight: 800; line-height: 1.5; color: #14432F; text-wrap: balance;}.cm-abg-lpfv-hl{padding: 0 2px; background: linear-gradient( transparent 62%, #FFD75E 62%, #FFD75E 92%, transparent 92% );}.cm-abg-lpfv-visual{position: relative; width: min(272px, 100%); margin: 0 auto 12px; padding: 13px 16px 10px; background: linear-gradient(180deg, #FDFEFD, #EAF6F0); border: 1.5px solid #D8EAE1; border-radius: 16px;}.cm-abg-lpfv-visual-label{margin: 0 0 6px; font-size: 12.5px; font-weight: 700; color: #6E9486;}.cm-abg-lpfv-chart{display: block; width: 100%; height: auto; filter: blur(2.5px); opacity: .8;}.cm-abg-lpfv-overlay{position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; background: rgba(255, 255, 255, .18); border-radius: 16px;}.cm-abg-lpfv-lockbadge{display: flex; align-items: center; justify-content: center; width: 76px; height: 76px; background: #fff; border-radius: 50%; box-shadow: 0 6px 20px rgba(31, 92, 70, .28), 0 0 0 6px rgba(82, 197, 104, .4), 0 0 0 13px rgba(82, 197, 104, .14);}.cm-abg-lpfv-lockbadge svg{width: 40px; height: 40px;}.cm-abg-lpfv-overlay p{margin: 2px 0 0; padding: 4px 16px; font-size: 13px; font-weight: 800; color: #14432F; background: rgba(255, 255, 255, .95); border-radius: 99px; box-shadow: 0 2px 8px rgba(31, 92, 70, .12);}.cm-abg-lpfv-hero .cm-abg-b-lockdesc{margin-top: 10px; line-height: 1.6;}.cm-abg-lpfv-free{margin: 10px 0 9px; font-size: 13px; font-weight: 800; color: #205E56;}.cm-abg-lpfv-hero .cm-abg-line{padding-left: 48px; padding-right: 48px;}.cm-abg-lpfv-hero .cm-abg-line-label{font-size: 14px;}.cm-abg-lpfv-note{margin: 14px 0 0; font-size: 13px; font-weight: 700; color: #E04E4E;}.cm-abg-b.cm-abg-v1base .cm-abg-b-card,.cm-abg-b.cm-abg-v1base .cm-abg-b-page > .cm-abg-b-card:first-child{padding: 20px 16px; background: #fff; border-radius: 16px; box-shadow: 0 3px 14px rgba(78, 142, 129, 0.10);}.cm-abg-b.cm-abg-v1base .cm-abg-b-lead{margin: 0; color: inherit; font-size: 14px; font-weight: 700; letter-spacing: normal; line-height: 1.6;}.cm-abg-b.cm-abg-v1base .cm-abg-b-headline{margin: 8px 0 0; color: inherit; font-size: 18px; font-weight: 800; letter-spacing: normal; line-height: 1.5;}.cm-abg-b.cm-abg-v1base .cm-abg-b-resultbox{display: block; min-height: 0; max-width: 250px; margin: 14px auto 0; padding: 12px 14px 14px; background: var(--gbg); border: 1.5px solid var(--mint); border-radius: 12px;}.cm-abg-b.cm-abg-v1base .cm-abg-b-resultlabel{margin: 0; color: #8fb3aa; font-size: 11.5px; font-weight: 700; line-height: 1.4;}.cm-abg-b.cm-abg-v1base .cm-abg-b-lockicon{width: auto; margin: 6px 0 0; font-size: 32px; line-height: 1;}.cm-abg-b.cm-abg-v1base .cm-abg-b-lockicon::before{content: none;}.cm-abg-b.cm-abg-v1base .cm-abg-b-lockdesc{margin: 12px 0 0; color: inherit; font-size: 12.5px; font-weight: 400; line-height: 1.7;}.cm-abg-b.cm-abg-v1base .cm-abg-b-free{margin: 12px 0 0; color: inherit; font-size: 14px; font-weight: 800; line-height: normal;}.cm-abg-b.cm-abg-v1base .cm-abg-line{min-height: 0; margin: 10px 0 0; padding: 14px 18px; background: var(--gca); box-shadow: 0 6px 18px rgba(92, 203, 99, 0.35); font-size: 17px; line-height: 1.3;}.cm-abg-b.cm-abg-v1base .cm-abg-badge{position: static; width: 30px; height: 30px; transform: none;}.cm-abg-b.cm-abg-v1base .cm-abg-b-arrow{margin: 8px 0 4px; line-height: normal;}.cm-abg-b.cm-abg-v1base .cm-abg-b-arrow span{border-top: 15px solid var(--gdk);}.cm-abg-b.cm-abg-v1base .cm-abg-field{min-height: 0; padding: 5px 5px 5px 14px; background: #fff; border: 2px solid var(--mint); box-shadow: 0 2px 10px var(--mint);}.cm-abg-b.cm-abg-v1base .cm-abg-lock{margin-right: 8px; font-size: 15px;}.cm-abg-b.cm-abg-v1base .cm-abg-input{color: var(--gdk); font-size: 15px; font-weight: 400;}.cm-abg-b.cm-abg-v1base .cm-abg-input::placeholder{color: #adc4bd;}.cm-abg-b.cm-abg-v1base .cm-abg-go{width: 44px; height: 40px; background: var(--gca); border-radius: 999px; box-shadow: none; font-size: 16px;}.cm-abg-b.cm-abg-v1base .cm-abg-note{margin: 12px 0 0; color: var(--gac); font-size: 11.5px; font-weight: 600;}.cm-abg-b .cm-abg-b-resultbox.cm-abg-fvw{position: relative; width: 100%; max-width: none; overflow: hidden; background: #eef7f5; isolation: isolate;}.cm-abg-fvw-art{position: absolute; inset: 0; z-index: 0; display: flex; align-items: center; gap: 12px; padding: 9px 13px; filter: blur(4px); pointer-events: none;}.cm-abg-fvw-radar{flex-shrink: 0; width: 74px; height: 74px;}.cm-abg-fvw-bars{flex: 1; display: flex; flex-direction: column; gap: 7px;}.cm-abg-fvw-row{display: flex; align-items: center; gap: 7px;}.cm-abg-fvw-label{flex-shrink: 0; width: 62px; overflow: hidden; color: #7ba399; font-size: 10px; font-weight: 700; text-align: left; white-space: nowrap;}.cm-abg-fvw-track{flex: 1; height: 9px; overflow: hidden; background: #e6f3ee; border-radius: 5px;}.cm-abg-fvw-bar{display: block; height: 100%; border-radius: 5px;}.cm-abg-b .cm-abg-b-resultbox.cm-abg-fvw::after{position: absolute; inset: 0; z-index: 0; background: radial-gradient(closest-side at 50% 50%, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.75) 45%, rgba(255, 255, 255, 0) 100%); content: ""; pointer-events: none;}.cm-abg-b .cm-abg-fvw .cm-abg-b-resultlabel,.cm-abg-b .cm-abg-fvw .cm-abg-b-lockicon{position: relative; z-index: 1;}.cm-abg-b .cm-abg-fvw .cm-abg-b-resultlabel{color: #14432f; font-size: 13px; text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 16px #fff;}.cm-abg-b .cm-abg-fvw .cm-abg-b-lockicon::before{width: 64px; height: 46px; background: rgba(255, 255, 255, 0.85);}@media (max-width: 420px){.cm-abg-fvw-art{gap: 10px; padding: 8px 11px;}.cm-abg-fvw-radar{width: 66px; height: 66px;}.cm-abg-fvw-label{width: 56px; font-size: 9.5px;}}.cm-abg .cm-gate-kw{margin: 14px auto 2px; max-width: 520px; text-align: center;}.cm-abg .cm-gate-kw > summary{cursor: pointer; display: inline-block; color: #666; font-size: 12px; text-decoration: underline; list-style: none;}.cm-abg .cm-gate-kw > summary::-webkit-details-marker{display: none;}.cm-abg .cm-gate-kw[open] > summary{margin-bottom: 10px;}@keyframes cm-abg-result-spin { to { transform: rotate(360deg); } }@keyframes cm-abg-lpfv-fall {
        0%   { transform: translate(0, 0) rotate(0deg);        opacity: 0; }
        6%   { opacity: .9; }
        85%  { opacity: .9; }
        100% { transform: translate(18px, 360px) rotate(260deg); opacity: 0; }
    }@keyframes cm-abg-lpfv-fall2 {
        0%   { transform: translate(0, 0) rotate(0deg);          opacity: 0; }
        6%   { opacity: .9; }
        85%  { opacity: .9; }
        100% { transform: translate(-22px, 360px) rotate(-300deg); opacity: 0; }
    }

/* 1.53.0〜1.54.0 開始画面（1.54.0＝1行目のふちを就職偏差値と同じ影に・オーナー「フォントバグってね？」）（タイトル帯の画像＋【◯◯版】・2026-10-02 オーナー「就職偏差値診断みたいに開始画面あった方がいいかもね」→「うんいいのでは？」） */
#wsd-app .wsd-sb{position:relative;container-type:inline-size;border-radius:14px 14px 0 0;overflow:hidden;line-height:0}
#wsd-app .wsd-sb img{display:block;width:100%;height:auto;margin:0}
#wsd-app .wsd-sb-l1{position:absolute;left:3.4%;top:12.8%;line-height:1;white-space:nowrap;font-family:'Noto Sans JP',sans-serif;font-weight:900;color:#fff;font-size:calc(var(--l1fs,6.4cqw)*.82);letter-spacing:0;text-shadow:none}
#wsd-app.wsd-on-start .wsd-quiz{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}
#wsd-app.wsd-on-start .wsd-title,#wsd-app.wsd-on-start .wsd-form-title{display:none}
#wsd-app.wsd-on-start .wsd-head{padding-bottom:0;border-bottom:0}
#wsd-app:not(.wsd-on-start) .wsd-sb{display:none}
/* 開始画面の社数 */
#wsd-app .wsd-head-copy p.wsd-num-line{margin:6px 0 0;color:#52615f;font-size:14px;font-weight:500;line-height:1.5}
#wsd-app .wsd-num-line .wsd-num{display:inline-block;margin-right:4px;color:var(--wsd-deep);font-size:34px;font-weight:800;line-height:1;letter-spacing:0;font-feature-settings:"palt"}
#wsd-app .wsd-num-line .wsd-num-u{font-size:16px;font-weight:700;color:var(--wsd-deep)}
#wsd-app .wsd-num-line .wsd-num-pre{display:block;margin-bottom:2px;font-size:12px;font-weight:500;color:#52615f;line-height:1.4}
#wsd-app .wsd-num-line .wsd-num-main{display:block}
#wsd-app .wsd-num-line .wsd-num-rest{display:inline-block}
#wsd-app.wsd-on-start .wsd-head-copy p.wsd-num-line{display:block;margin:10px 0 2px;text-align:left}
#wsd-app.wsd-on-start .wsd-num-line .wsd-num{font-size:38px}
/* 候補数の表示なし */
#wsd-app .wsd-live{display:none}

/* 1.63.0: 目次の札と固定ヘッダー下への標準アンカー着地（スマホのヘッダー62px＋余白10px）。 */
h3.cm-wsd-toc-h3,
h3.cm-wsd-toc-h3 [id],
.cm-wsd-toc-target {
  scroll-margin-top: 72px;
}
h3.cm-wsd-toc-h3 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 12px;
}
#toc_container a.cm-wsd-toc-link {
  line-height: 1.7;
}
#toc_container .cm-wsd-toc-badge {
  display: inline-block;
  padding: 1px 6px;
  margin-right: 5px;
  border-radius: 4px;
  background: #16766d;
  color: #fff;
  font-size: .8em;
  font-weight: 700;
  line-height: 1.6;
  vertical-align: 1px;
  white-space: nowrap;
}

/* 結果ゲート（wsd-cg） */
#wsd-app:has(#wsd-result:not([hidden])) .wsd-quiz{border:0;border-radius:0;box-shadow:none}
#wsd-app:has(#wsd-result:not([hidden])) :is(.wsd-head,.wsd-progress,.wsd-status){display:none}
#wsd-app #wsd-result .cm-abg{max-width:460px}
#wsd-app #wsd-result .wsd-cg-sec{--wsd-cg-pink:#E8698D;--wsd-cg-purple:#9B7EC8;--wsd-cg-ink:#3B4043;--wsd-cg-gray:#555B63;padding:13px 14px;margin:0;border:0;border-radius:14px;background:#fff;box-shadow:0 1px 6px rgba(59,64,67,.06);font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",sans-serif;font-size:16px;line-height:1.7;color:var(--wsd-cg-ink);text-align:center;-webkit-font-smoothing:antialiased}
#wsd-app .wsd-cg-sec p{padding:0}
#wsd-app .wsd-cg-sec .wsd-cg-badge{display:inline-flex;align-items:center;gap:5px;background:#F3F0FA;color:var(--wsd-cg-purple);font-size:12px;font-weight:800;line-height:1.7;letter-spacing:normal;border-radius:999px;padding:5px 13px;margin:0 0 6px}
/* 1.75.0 15px→20px＝オーナー「もう少し大きくして欲しいね」・狭い幅は就職偏差値の結果見出しと同じく2行で読ませる
 * 改行は文節で（auto-phrase 非対応のブラウザは balance だけ）。 */
#wsd-app .wsd-cg-sec .wsd-cg-h{font-size:20px;font-weight:900;line-height:1.5;letter-spacing:-.01em;color:var(--wsd-cg-ink);margin:0 -14px 10px;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;word-break:auto-phrase}
#wsd-app .wsd-cg-sec .wsd-cg-prev{width:100%;max-width:none;max-height:none;overflow:hidden;background:#F7F4FE;border:1px solid #E3D9F8;border-radius:12px;padding:9px;margin:0 0 8px;filter:none;opacity:1;pointer-events:none;user-select:none}
#wsd-app .wsd-cg-prev::after{content:none;display:none;backdrop-filter:none}
#wsd-app .wsd-cg-top3{display:flex;align-items:center;gap:6px}
#wsd-app .wsd-cg-item{flex:1;min-width:0;display:flex;align-items:center;gap:4px;text-align:left;background:#fff;border-radius:10px;padding:5px 4px}
#wsd-app .wsd-cg-name{flex:1;min-width:0;font-size:13px;font-weight:900;color:var(--wsd-cg-pink);line-height:1.3;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;filter:blur(3px);user-select:none}
#wsd-app .wsd-cg-mark{flex:none;font-size:13px;font-weight:900;line-height:1.3;color:var(--wsd-cg-ink)}
#wsd-app .wsd-cg-medal{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:8px;border-radius:50%;color:#fff;font-weight:900;text-shadow:0 1px 1px rgba(0,0,0,.22)}
#wsd-app .wsd-cg-medal::before{content:"";position:absolute;inset:2px;border-radius:50%;border:1px solid rgba(255,255,255,.55)}
#wsd-app .wsd-cg-medal.wsd-cg-m1{background:linear-gradient(145deg,#FFDE7A 8%,#F2B01E 52%,#C98A0C 100%);box-shadow:0 2px 5px rgba(201,138,12,.4)}
#wsd-app .wsd-cg-medal.wsd-cg-m2{background:linear-gradient(145deg,#F2F5F8 8%,#C3CBD4 52%,#95A0AC 100%);box-shadow:0 2px 5px rgba(149,160,172,.4)}
#wsd-app .wsd-cg-medal.wsd-cg-m3{background:linear-gradient(145deg,#F0BE96 8%,#CF8B54 52%,#A2653A 100%);box-shadow:0 2px 5px rgba(162,101,58,.4)}
#wsd-app .wsd-cg-bars{margin-top:9px}
#wsd-app .wsd-cg-bar-row{display:flex;align-items:center;gap:6px;margin-bottom:3px}
#wsd-app .wsd-cg-bar-row:last-child{margin-bottom:0}
#wsd-app .wsd-cg-bar-label{flex:none;width:66px;font-size:10.5px;font-weight:800;line-height:1.15;white-space:nowrap;text-align:left}
#wsd-app .wsd-cg-bar-track{display:block;flex:1;min-width:0;height:8px;background:#fff;border-radius:999px;overflow:hidden}
#wsd-app .wsd-cg-bar-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#E8698D,#9B7EC8)}
/* A company count can have four digits: reserve room without shrinking type. */
#wsd-app .wsd-cg-bar-val{flex:none;width:4.5em;font-size:9.5px;font-weight:800;color:var(--wsd-cg-gray);text-align:right}
#wsd-app .wsd-cg-bar-label,#wsd-app .wsd-cg-bar-track,#wsd-app .wsd-cg-bar-val{filter:blur(3px);user-select:none}
#wsd-app .wsd-cg-sec .wsd-cg-steps{font-size:12.5px;font-weight:700;color:var(--wsd-cg-ink);line-height:1.55;margin:0 0 14px;overflow-wrap:anywhere}
#wsd-app .wsd-cg-sec .wsd-cg-free{font-size:13px;font-weight:800;color:var(--wsd-cg-gray);line-height:1.7;margin:0 0 6px}
#wsd-app .wsd-cg-sec .wsd-cg-line{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:0;margin:0;background:#06C755;color:#fff;font-size:clamp(12.5px,4vw,17px);font-weight:800;line-height:1.7;padding:13px 6px;border:0;border-radius:12px;text-decoration:none;box-shadow:0 5px 0 #04A648,0 8px 14px rgba(4,148,60,.28);transition:transform .08s ease,box-shadow .08s ease}
#wsd-app .wsd-cg-line .cm-abg-badge{position:static;flex:none;width:22px;height:22px;transform:none}
#wsd-app .wsd-cg-line .cm-abg-mark{width:22px;height:22px;margin:0}
#wsd-app .wsd-cg-line .cm-abg-line-label{min-width:0;padding:0;font-size:inherit;line-height:inherit;letter-spacing:normal;overflow-wrap:anywhere}
#wsd-app .wsd-cg-sec .wsd-cg-line:active{transform:translateY(4px);box-shadow:0 1px 0 #04A648,0 2px 5px rgba(4,148,60,.25)}
#wsd-app .wsd-cg-line:focus-visible{outline:3px solid var(--wsd-cg-purple);outline-offset:4px}
#wsd-app .wsd-cg-sec .wsd-cg-note{font-size:11.5px;font-weight:700;color:#D8455F;line-height:1.7;margin:9px 0 0}
@media(prefers-reduced-motion:reduce){
  #wsd-app .wsd-cg-sec .wsd-cg-line{transition:none}
  #wsd-app .wsd-cg-sec .wsd-cg-line:active{transform:none}
  #wsd-app .cm-abg-result-loader-spinner{animation:none}
}
/* 結果の下のカード（wsd-cg-lowerblur） */
#wsd-app #wsd-result .wsd-score-item b,
#wsd-app #wsd-result .wsd-food-card .wsd-preview-mark,
#wsd-app #wsd-result .wsd-food-card .wsd-preview-ind,
#wsd-app #wsd-result .wsd-food-nums dd,
#wsd-app #wsd-result .wsd-food-match li{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none}

#wsd-app .wsd-start {
  display: none;
}

#wsd-app:is([data-wsd-fv="B"], .wsd-fv-button):not(.wsd-fv-started) .wsd-start {
  display: block;
  padding: 2px 17px 12px;
  text-align: center;
}

#wsd-app:is([data-wsd-fv="B"], .wsd-fv-button):not(.wsd-fv-started) .wsd-quiz {
  border-color: #ddd;
  box-shadow: none;
}

#wsd-app:is([data-wsd-fv="B"], .wsd-fv-button):not(.wsd-fv-started) :is(.wsd-progress, .wsd-status, #wsd-question, #wsd-back) {
  display: none;
}

#wsd-app .wsd-start-btn {
  appearance: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  max-width: 420px;
  min-height: 44px;
  margin: 0 auto;
  padding: 10px 8px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffa41b, #ff8f00);
  box-shadow: 0 4px 0 #d97f00;
  color: #fff;
  font: inherit;
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
  cursor: pointer;
  transition: transform .08s, box-shadow .08s;
}

#wsd-app .wsd-start-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  color: #ff9902;
  font-size: 14px;
}

#wsd-app .wsd-start-btn:focus-visible {
  outline: 3px solid #1f8178;
  outline-offset: 5px;
}

#wsd-app .wsd-start-btn:active {
  transform: translateY(3px);
  box-shadow: 0 1px 0 #d97f00;
}

@media (prefers-reduced-motion: reduce) {
  #wsd-app .wsd-start-btn { transition: none; }
}

#wsd-app #wsd-q-title:focus-visible {
  outline: 3px solid #1f8178;
  outline-offset: 5px;
}
#wsd-app #wsd-q-title.wsd-fv-programmatic-focus:focus {
  outline: none !important;
}
/* 1.90.0 2問目から見出しの上に余白（題名が枠の上端に貼りついていた） */
#wsd-app:not(.wsd-on-start) .wsd-head{padding-top:14px}

#wsd-app.wsd-on-start .wsd-title{display:block}
#wsd-app .wsd-options[data-wsd-kind="avoid"]{grid-template-columns:1fr;gap:7px}
#wsd-app .wsd-options[data-wsd-kind="avoid"] .wsd-option{min-height:43px;white-space:nowrap}


/* 1.95.0：ランキング表から記事内のホワイト企業診断へ。1枠目はテーマの box32・2枠目からは絵とボタンだけ。 */
.cm-wsd-rankad {
  margin: 24px 0;
}
.cm-wsd-rankad .cm-wsd-rankad-pic {
  position: relative;
  display: block;
  margin: 0 auto 8px;
  max-width: 480px;
  container-type: inline-size;
  line-height: 0;
}
.cm-wsd-rankad .cm-wsd-rankad-l1 {
  position: absolute;
  left: 3.4%;
  top: 7.2cqw;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: calc(var(--l1fs, 6.4cqw) * .82);
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}
.cm-wsd-rankad .cm-wsd-rankad-pic img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  aspect-ratio: 960 / 455;
  object-fit: cover;
  object-position: top;
}
.cm-wsd-rankad .cm-wsd-rankad-kicker {
  color: #808080;
}
.cm-wsd-rankad .cm-wsd-rankad-short .cm-wsd-rankad-pic {
  max-width: 320px;
}
.cm-wsd-rankad .btn-orange {
  margin-top: 10px;
}