/* ちいかわ適職診断 v1.5.1（試作のstyle.cssを .oshigoto-shindan の中に閉じ込めたもの。直接編集せず build.cjs で作り直す） */
.oshigoto-shindan{--paper:#faf6ee;--ink:#51473e;--muted:#75685b;--line:#dfd6c8;--green:#627453;--pink:#efd8dc;--soft:#f0e9dc;--shadow:0 12px 35px #65553b0c;font-family:"Hiragino Maru Gothic ProN","BIZ UDPGothic","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light}
.oshigoto-shindan,.oshigoto-shindan *{box-sizing:border-box}.oshigoto-shindan{margin:0;font-size:18px;line-height:1.8;overflow-wrap:anywhere}.oshigoto-shindan button,.oshigoto-shindan input,.oshigoto-shindan textarea,.oshigoto-shindan select{font:inherit}.oshigoto-shindan button,.oshigoto-shindan a{-webkit-tap-highlight-color:transparent}.oshigoto-shindan button{cursor:pointer;color:inherit}.oshigoto-shindan button:disabled{cursor:not-allowed}.oshigoto-shindan button:focus-visible,.oshigoto-shindan a:focus-visible,.oshigoto-shindan summary:focus-visible,.oshigoto-shindan input:focus-visible+span,.oshigoto-shindan textarea:focus-visible{outline:3px solid #708159;outline-offset:4px}.oshigoto-shindan button:disabled{opacity:.45}.oshigoto-shindan a{color:#576c49;text-underline-offset:4px}.oshigoto-shindan svg{display:block;flex-shrink:0}.oshigoto-shindan .skip-link{position:fixed;top:-100px;left:16px;background:#fff;padding:10px 20px;z-index:99}.oshigoto-shindan .skip-link:focus{top:10px}.oshigoto-shindan .site-header{max-width:1120px;margin:auto;padding:28px 40px;display:flex;justify-content:space-between;align-items:center;gap:16px}.oshigoto-shindan .brand{display:flex;align-items:center;gap:12px;border:0;background:none;text-align:left;padding:0;min-height:56px;font-weight:700;font-size:20px;letter-spacing:.04em}.oshigoto-shindan .brand-flower{font-size:36px;color:#98745b}.oshigoto-shindan .brand small{display:block;font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.02em;margin-top:1px}.oshigoto-shindan .fan-label{font-size:12px;white-space:nowrap;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:4px 12px}.oshigoto-shindan #app{outline:none;min-height:66vh}.oshigoto-shindan .site-footer{padding:38px 20px 28px;text-align:center;font-size:12px;line-height:1.9;color:var(--muted)}.oshigoto-shindan .site-footer p{margin:0}.oshigoto-shindan .footer-brand{padding-top:16px;letter-spacing:.16em;font-size:13px}.oshigoto-shindan .home{max-width:1050px;margin:32px auto 0;padding:0 40px}.oshigoto-shindan .hero{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:12px}.oshigoto-shindan .eyebrow{display:flex;align-items:center;gap:10px;font-size:13px;color:#75654e;letter-spacing:.1em;margin:0 0 20px}.oshigoto-shindan .eyebrow:before{content:"";height:1px;width:26px;background:#ad9d82}.oshigoto-shindan .home h1{font-size:40px;line-height:1.65;letter-spacing:.065em;font-weight:700;margin:0 0 25px}.oshigoto-shindan .title-highlight{display:inline;background:linear-gradient(transparent 64%,#f0d6d6 64%,#f0d6d6 90%,transparent 90%);padding:0 2px}.oshigoto-shindan .intro{font-size:18px;line-height:2;margin:0 0 28px;max-width:440px}.oshigoto-shindan .primary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:60px;padding:15px 25px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:14px;font-size:19px;font-weight:700;box-shadow:0 4px 0 #4a593f;transition:transform .15s,background .15s}.oshigoto-shindan .primary:hover{background:#566947;transform:translateY(-1px)}.oshigoto-shindan .primary:active{transform:translateY(2px);box-shadow:0 2px 0 #4a593f}.oshigoto-shindan .primary.full{width:100%}.oshigoto-shindan .cta{max-width:360px}.oshigoto-shindan .cta .primary{width:100%}.oshigoto-shindan .cta-note{margin:12px 0 0;display:flex;gap:18px;justify-content:center;font-size:13px;color:var(--muted)}.oshigoto-shindan .cta-note span+span:before{content:"・";margin-right:18px}.oshigoto-shindan .board{position:relative}.oshigoto-shindan .board-art{width:100%;height:auto;filter:drop-shadow(0 12px 0 #d9c8ac12)}.oshigoto-shindan .board-caption{position:absolute;top:0;right:30px;transform:rotate(6deg);font-size:14px;color:#8a7460}.oshigoto-shindan .jobs-preview{border-top:1px dashed #d7cbb6;margin-top:50px;padding-top:30px}.oshigoto-shindan .jobs-preview h2{text-align:center;font-size:15px;font-weight:500;letter-spacing:.08em;margin:0 0 22px}.oshigoto-shindan .jobs-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.oshigoto-shindan .job-preview{text-align:center;min-width:0}.oshigoto-shindan .job-preview .job-drawing{margin:0 auto 8px;width:86px;height:86px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--wash)}.oshigoto-shindan .job-preview svg{width:67px;height:67px}.oshigoto-shindan .job-preview span{font-size:14px;line-height:1.7;display:block}.oshigoto-shindan .secondary{min-height:56px;border:1px solid #c9beac;border-radius:13px;background:#fffaf2;padding:12px 18px;font-size:16px}.oshigoto-shindan .secondary:hover{background:#f0e8d8}.oshigoto-shindan .resume-btn{margin-top:14px;width:100%}.oshigoto-shindan .quiz-wrap{max-width:650px;padding:22px 36px 0;margin:0 auto}.oshigoto-shindan .progress-head{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin-bottom:12px}.oshigoto-shindan .progress-count{font-variant-numeric:tabular-nums}.oshigoto-shindan .progress-count strong{font-size:22px;color:var(--ink);margin-right:3px}.oshigoto-shindan .progress-track{display:flex;gap:5px;list-style:none;margin:0;padding:0}.oshigoto-shindan .progress-track li{height:6px;flex:1;background:#e7dfd1;border-radius:99px}.oshigoto-shindan .progress-track .done{background:#a5b591}.oshigoto-shindan .progress-track .current{background:#627453}.oshigoto-shindan .question-card{margin-top:32px}.oshigoto-shindan .scene-label{font-size:13px;color:#74644e;margin:0 0 12px;display:flex;align-items:center;gap:8px}.oshigoto-shindan .scene-dot{width:7px;height:7px;background:#cfbfa1;border-radius:50%}.oshigoto-shindan .question-title{font-size:27px;line-height:1.7;letter-spacing:.035em;margin:0 0 10px;outline:none}.oshigoto-shindan .question-help{font-size:14px;color:var(--muted);margin:0 0 25px}.oshigoto-shindan .answers{border:0;margin:0;padding:0;min-width:0}.oshigoto-shindan .sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.oshigoto-shindan .answer{position:relative;display:flex;gap:14px;align-items:center;margin:0 0 12px;min-height:78px;background:#fffdf8;border:1px solid #d9cfbf;border-radius:15px;padding:17px 18px;cursor:pointer;line-height:1.7;font-size:18px;transition:background .12s,border-color .12s}.oshigoto-shindan .answer input{position:absolute;opacity:0;width:1px;height:1px}.oshigoto-shindan .answer .radio-mark{flex:none;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1.5px solid #bcb29e;border-radius:50%;background:#fffdf8}.oshigoto-shindan .answer.selected{background:#edf2e7;border-color:#6e845e;box-shadow:inset 0 0 0 1px #6e845e}.oshigoto-shindan .answer.selected .radio-mark{background:#6e845e;border-color:#6e845e}.oshigoto-shindan .answer.selected .radio-mark:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}.oshigoto-shindan .answer:hover{border-color:#899579}.oshigoto-shindan .quiz-actions{display:grid;grid-template-columns:106px 1fr;gap:16px;padding:23px 0 15px;position:sticky;bottom:0;background:linear-gradient(#faf6ee00,var(--paper) 12px);z-index:2}.oshigoto-shindan .back-btn{background:none;border:0;min-height:60px;padding:12px 0;font-size:15px;color:var(--muted)}.oshigoto-shindan .back-btn:hover{color:var(--ink)}.oshigoto-shindan .quiz-actions .primary{font-size:17px}.oshigoto-shindan .result{max-width:700px;margin:15px auto 0;padding:0 30px}.oshigoto-shindan .result-ticket{position:relative;border:1px solid #e0d6c5;border-radius:23px;background:#fffdf7;box-shadow:var(--shadow);overflow:hidden}.oshigoto-shindan .ticket-ribbon{background:var(--wash,#edf4e8);text-align:center;padding:15px 18px;font-size:14px;letter-spacing:.08em;border-bottom:1px dashed #d8cdbb}.oshigoto-shindan .result-top{text-align:center;padding:28px 30px 30px;position:relative}.oshigoto-shindan .ticket-icon{display:flex;justify-content:center;align-items:center;margin:0 auto 15px;width:112px;height:112px;background:var(--wash);border-radius:50%}.oshigoto-shindan .ticket-icon svg{width:96px;height:96px}.oshigoto-shindan .result-lead{font-size:14px;color:var(--muted);margin:0 0 10px}.oshigoto-shindan .result h1{font-size:36px;line-height:1.6;letter-spacing:.04em;margin:0 0 10px;outline:none}.oshigoto-shindan .result h1 .name-line{display:block}.oshigoto-shindan .result-tagline{font-size:18px;line-height:1.85;margin:0 auto 18px;color:var(--ink)}.oshigoto-shindan .result-intro{font-size:17px;text-align:left;line-height:2;max-width:505px;margin:0 auto}.oshigoto-shindan .result-code{font-size:11px;letter-spacing:.18em;text-align:left;color:#87775c;border-bottom:1px dashed #d8cdbb;margin:0;padding:10px 28px}.oshigoto-shindan .result-section{padding:25px 28px;border-bottom:1px dashed #ded5c6}.oshigoto-shindan .result-section:last-child{border-bottom:0}.oshigoto-shindan .result-section h2{font-size:19px;line-height:1.65;margin:0 0 18px;display:flex;align-items:center;gap:10px}.oshigoto-shindan .section-flower{color:#a79069;font-size:18px}.oshigoto-shindan .reason{padding:16px 18px;background:#f7f3ea;border-radius:13px;margin-top:12px}.oshigoto-shindan .reason .reason-question{font-size:12px;color:var(--muted);margin:0 0 7px;line-height:1.7}.oshigoto-shindan .reason .chosen{font-size:16px;font-weight:700;margin:0 0 10px;line-height:1.9}.oshigoto-shindan .reason .interpretation{font-size:15px;line-height:1.9;margin:0}.oshigoto-shindan .result-section p.body-copy{font-size:17px;line-height:2;margin:0}.oshigoto-shindan .result-section .interpretation-note{font-size:12px;margin:14px 0 0;color:var(--muted)}.oshigoto-shindan .result-pair{display:flex;justify-content:center;align-items:center;gap:15px;margin:10px 0 20px}.oshigoto-shindan .result-pair .pair-job{flex:1;max-width:230px;min-width:0;display:flex;align-items:center;flex-direction:column;gap:8px;border-radius:15px;padding:14px 7px;background:var(--wash)}.oshigoto-shindan .pair-job svg{width:75px;height:75px}.oshigoto-shindan .pair-job strong{font-size:20px;line-height:1.7}.oshigoto-shindan .pair-and{font-size:15px;color:var(--muted)}.oshigoto-shindan .result.multiple h1,.oshigoto-shindan .result.pair h1{font-size:26px}.oshigoto-shindan .multiple-jobs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.oshigoto-shindan .multiple-jobs .pair-job{background:var(--wash);padding:12px;display:flex;align-items:center;flex-direction:column;border-radius:13px}.oshigoto-shindan .multiple-jobs .pair-job strong{font-size:16px}.oshigoto-shindan .near-job{display:flex;align-items:center;gap:18px;border:1px solid #e0d6c5;border-radius:16px;padding:18px;background:#fffdf7}.oshigoto-shindan .near-job .near-art{flex:none;display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:var(--wash);border-radius:50%}.oshigoto-shindan .near-art svg{width:56px;height:56px}.oshigoto-shindan .near-job h3{font-size:18px;margin:0 0 4px;line-height:1.7}.oshigoto-shindan .near-job p{font-size:14px;line-height:1.8;margin:0}.oshigoto-shindan .sharing{margin:26px 0}.oshigoto-shindan .sharing h2{font-size:17px;font-weight:500;text-align:center;margin:0 0 17px}.oshigoto-shindan .sharing .primary{width:100%;justify-content:center;gap:14px}.oshigoto-shindan .share-link{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;min-height:56px;margin-top:14px;text-decoration:none;color:var(--ink);border:1px solid #cfc5b3;border-radius:14px;font-size:16px;background:#fffaf2}.oshigoto-shindan .share-status{min-height:1.7em;margin:10px 0;color:#5d704d;text-align:center;font-size:14px}.oshigoto-shindan .share-fallback{font-size:15px;margin:12px 0}.oshigoto-shindan .share-fallback textarea{display:block;width:100%;min-height:155px;padding:12px;border:1px solid #cbbfa8;border-radius:12px;background:#fffdf7;font-size:16px;line-height:1.8;resize:vertical}.oshigoto-shindan .result-bottom-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.oshigoto-shindan .world-note{border-top:1px solid var(--line);padding:20px 0;margin-top:20px;font-size:14px}.oshigoto-shindan .world-note summary{cursor:pointer;min-height:52px;display:flex;align-items:center;gap:10px;list-style:none;line-height:1.8}.oshigoto-shindan .world-note summary::-webkit-details-marker{display:none}.oshigoto-shindan .world-note summary:after{content:"＋";margin-left:auto;font-size:20px}.oshigoto-shindan .world-note[open] summary:after{content:"−"}.oshigoto-shindan .source-item{padding:10px 0}.oshigoto-shindan .source-item strong{font-size:15px}.oshigoto-shindan .source-item p{font-size:14px;line-height:1.95;margin:7px 0}.oshigoto-shindan .source-item a{display:inline-flex;align-items:center;min-height:48px;font-size:14px}.oshigoto-shindan .world-note .source-boundary{font-size:13px;color:var(--muted);margin:10px 0;line-height:1.9}.oshigoto-shindan .noscript{text-align:center;padding:30px}.oshigoto-shindan .review-note{background:#ede7dc;font-size:13px;text-align:center;padding:9px}.oshigoto-shindan .review-markers [data-change]{outline:2px dashed #c18266;outline-offset:4px;position:relative}.oshigoto-shindan .review-markers [data-change]:before{content:attr(data-change);position:absolute;top:-15px;left:7px;background:#85533d;color:#fff;font:700 12px/22px sans-serif;padding:0 7px;z-index:4;border-radius:4px}.oshigoto-shindan .review-markers .result-section[data-change]{outline-offset:-5px}
@media(min-width:1100px){.oshigoto-shindan .home{margin-top:50px}.oshigoto-shindan .hero{gap:50px}.oshigoto-shindan .home h1{font-size:42px}}
@media(max-width:700px){.oshigoto-shindan .site-header{padding:18px 22px}.oshigoto-shindan .brand{font-size:17px;gap:9px}.oshigoto-shindan .brand-flower{font-size:28px}.oshigoto-shindan .brand small{font-size:10px}.oshigoto-shindan .fan-label{font-size:10px;padding:3px 8px}.oshigoto-shindan .home{padding:0 25px;margin-top:26px}.oshigoto-shindan .hero{grid-template-columns:1fr;gap:0}.oshigoto-shindan .eyebrow{font-size:12px;margin-bottom:17px}.oshigoto-shindan .home h1{font-size:32px;line-height:1.65;letter-spacing:.035em;margin-bottom:20px}.oshigoto-shindan .intro{font-size:17px;line-height:1.95;margin-bottom:24px;max-width:none}.oshigoto-shindan .board{grid-row:2;margin:17px auto 0;width:100%;max-width:380px}.oshigoto-shindan .board-art{max-height:220px}.oshigoto-shindan .board-caption{top:2px;right:18px;font-size:12px}.oshigoto-shindan .cta{max-width:none}.oshigoto-shindan .cta-note{font-size:12px}.oshigoto-shindan .jobs-preview{margin-top:22px;padding-top:26px}.oshigoto-shindan .jobs-row{grid-template-columns:repeat(2,1fr);gap:22px 12px}.oshigoto-shindan .job-preview .job-drawing{width:70px;height:70px;margin-bottom:6px}.oshigoto-shindan .job-preview svg{width:58px;height:58px}.oshigoto-shindan .job-preview span{font-size:14px}.oshigoto-shindan .jobs-preview h2{font-size:14px;margin-bottom:22px}.oshigoto-shindan .site-footer{padding-top:30px;font-size:11px}.oshigoto-shindan .quiz-wrap{padding:12px 22px 0}.oshigoto-shindan .question-card{margin-top:27px}.oshigoto-shindan .question-title{font-size:24px;line-height:1.8}.oshigoto-shindan .question-help{font-size:13px;margin-bottom:20px}.oshigoto-shindan .answer{padding:15px;gap:13px;min-height:79px;font-size:18px;line-height:1.75}.oshigoto-shindan .quiz-actions{grid-template-columns:85px 1fr;gap:10px;padding-top:20px}.oshigoto-shindan .quiz-actions .primary{padding:14px 18px;font-size:16px}.oshigoto-shindan .back-btn{font-size:14px}.oshigoto-shindan .result{padding:0 20px;margin-top:13px}.oshigoto-shindan .ticket-ribbon{font-size:12px;padding:13px 12px}.oshigoto-shindan .result-top{padding:23px 20px 25px}.oshigoto-shindan .result h1{font-size:32px;line-height:1.65}.oshigoto-shindan .result-tagline{font-size:16px}.oshigoto-shindan .result-intro{font-size:17px;line-height:1.95}.oshigoto-shindan .ticket-icon{width:100px;height:100px;margin-bottom:14px}.oshigoto-shindan .ticket-icon svg{width:86px;height:86px}.oshigoto-shindan .result-code{font-size:10px;padding:10px 20px}.oshigoto-shindan .result-section{padding:23px 20px}.oshigoto-shindan .result-section h2{font-size:18px;gap:7px}.oshigoto-shindan .result-section p.body-copy{font-size:17px;line-height:1.95}.oshigoto-shindan .reason{padding:14px}.oshigoto-shindan .reason .chosen{font-size:16px}.oshigoto-shindan .reason .interpretation{font-size:16px}.oshigoto-shindan .result-pair{gap:9px}.oshigoto-shindan .result-pair .pair-job{padding:12px 6px}.oshigoto-shindan .pair-job strong{font-size:17px}.oshigoto-shindan .result.pair h1,.oshigoto-shindan .result.multiple h1{font-size:24px}.oshigoto-shindan .near-job{gap:13px;padding:16px}.oshigoto-shindan .near-job .near-art{width:57px;height:57px}.oshigoto-shindan .near-art svg{width:47px;height:47px}.oshigoto-shindan .near-job h3{font-size:17px}.oshigoto-shindan .near-job p{font-size:13px}.oshigoto-shindan .result-bottom-actions{gap:10px}.oshigoto-shindan .result-bottom-actions .secondary{font-size:14px;padding:12px 8px}.oshigoto-shindan .sharing h2{font-size:16px}.oshigoto-shindan .sharing .primary{font-size:17px}.oshigoto-shindan .multiple-jobs .pair-job strong{font-size:14px}.oshigoto-shindan .world-note summary{font-size:13px}}
@media(max-width:350px){.oshigoto-shindan .site-header{padding:16px}.oshigoto-shindan .fan-label{font-size:9px;padding:3px 6px}.oshigoto-shindan .brand{font-size:16px;gap:7px}.oshigoto-shindan .home{padding:0 20px}.oshigoto-shindan .home h1{font-size:29px}.oshigoto-shindan .quiz-wrap{padding-left:18px;padding-right:18px}.oshigoto-shindan .question-title{font-size:23px}.oshigoto-shindan .answer{padding:14px 12px;gap:11px}.oshigoto-shindan .result{padding:0 14px}.oshigoto-shindan .result-top,.oshigoto-shindan .result-section{padding-left:18px;padding-right:18px}.oshigoto-shindan .result h1{font-size:29px}.oshigoto-shindan .result.pair h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){.oshigoto-shindan,.oshigoto-shindan *{transition:none!important;scroll-behavior:auto!important}}

/* 2026-10-07: one tap questions and shareable work cards */
.oshigoto-shindan .answer{text-align:left;width:100%;border:1px solid #d6ccb9;background:#fffdf8;color:var(--ink);border-radius:14px;display:flex;align-items:center}
.oshigoto-shindan .answer:hover{border-color:#8b9e77;background:#f2f4e9}.oshigoto-shindan .answer.selected{border-color:#627453;background:#edf3e5}.oshigoto-shindan .answer:disabled{opacity:1}.oshigoto-shindan .choice-number{display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:50%;background:#f0e9dc;font-size:14px;font-weight:700;color:#75685b}
.oshigoto-shindan .quiz-actions{position:static;bottom:auto;background:transparent;grid-template-columns:96px 1fr;align-items:center;padding:18px 0 20px;z-index:auto}.oshigoto-shindan .quiz-actions p{font-size:12px;line-height:1.7;margin:0;color:var(--muted)}
.oshigoto-shindan .type-label{display:inline-block;font-size:17px;font-weight:700;color:var(--accent);background:var(--wash);padding:6px 14px;border-radius:99px;margin:0 0 17px}.oshigoto-shindan .job-role{font-size:15px;color:var(--muted);margin:-3px 0 12px}.oshigoto-shindan .character-link{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;padding:10px 12px;margin:0 0 20px;border-top:1px dashed #d8cdbb;border-bottom:1px dashed #d8cdbb}.oshigoto-shindan .character-link span{font-size:12px;color:var(--muted)}.oshigoto-shindan .character-link strong{font-size:18px;line-height:1.6}.oshigoto-shindan .relatable h2{font-size:17px;margin-bottom:12px}.oshigoto-shindan .relatable .body-copy{font-weight:700}.oshigoto-shindan .near-section{margin:25px 0}.oshigoto-shindan .near-section h2{font-size:16px;margin:0 0 12px}.oshigoto-shindan .small-note{font-size:13px;line-height:1.85;color:var(--muted);margin:12px 0}
.oshigoto-shindan .result-details{border:1px solid #dfd6c8;border-radius:15px;padding:0 18px;margin:17px 0;background:#fffaf3}.oshigoto-shindan .result-details summary{cursor:pointer;min-height:68px;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;line-height:1.7;list-style:none}.oshigoto-shindan .result-details summary:after{content:"＋";margin-left:auto;flex:none}.oshigoto-shindan .result-details[open] summary:after{content:"−"}.oshigoto-shindan .result-details[open]{padding-bottom:18px}.oshigoto-shindan .daily-copy{font-size:17px;line-height:1.95;margin:14px 0}.oshigoto-shindan .card-preview{background:#fffdf8;border:1px solid #dfd6c8;border-radius:15px;padding:12px;margin:0 0 18px}.oshigoto-shindan .card-preview summary{font-size:15px;min-height:40px;cursor:pointer}.oshigoto-shindan .card-preview img{display:block;width:100%;height:auto;border-radius:8px}.oshigoto-shindan .image-loading{font-size:15px;text-align:center;padding:40px 10px}.oshigoto-shindan .image-actions{display:grid;gap:12px}.oshigoto-shindan .image-actions [hidden]{display:none}.oshigoto-shindan .image-actions .primary{justify-content:center}.oshigoto-shindan .share-instruction{font-size:14px;line-height:1.9;margin:15px 0}.oshigoto-shindan .text-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.oshigoto-shindan .text-actions .secondary{font-size:14px;padding:10px 8px}.oshigoto-shindan .result-permalink{display:block;overflow-wrap:anywhere;font-size:14px;line-height:1.9;padding:12px 0}.oshigoto-shindan .shared-start{margin:25px 0}.oshigoto-shindan .shared-start .primary{width:100%}.oshigoto-shindan .answers{border:0;padding:0;margin:0;display:grid;gap:11px}
@media(max-width:700px){.oshigoto-shindan .quiz-wrap{padding:8px 20px 0}.oshigoto-shindan .progress-head{font-size:12px;margin-bottom:8px}.oshigoto-shindan .progress-count strong{font-size:20px}.oshigoto-shindan .question-card{margin-top:18px}.oshigoto-shindan .scene-label{font-size:12px;margin-bottom:9px}.oshigoto-shindan .question-title{font-size:23px;line-height:1.65;margin-bottom:9px}.oshigoto-shindan .question-help{font-size:12px;line-height:1.8;margin:0 0 16px}.oshigoto-shindan .answer{font-size:18px;line-height:1.65;padding:13px 14px;gap:11px;min-height:66px}.oshigoto-shindan .quiz-actions{padding-top:16px}.oshigoto-shindan .quiz-actions .back-btn{min-height:56px;font-size:14px}.oshigoto-shindan .result h1{font-size:31px;letter-spacing:.015em;line-height:1.55}.oshigoto-shindan .result-top{padding:22px 20px 25px}.oshigoto-shindan .result-intro{font-size:16px;line-height:1.95}.oshigoto-shindan .result-tagline{font-size:17px;line-height:1.85;margin-bottom:16px}.oshigoto-shindan .type-label{font-size:16px}.oshigoto-shindan .ticket-icon{width:84px;height:84px}.oshigoto-shindan .ticket-icon svg{width:70px;height:70px}.oshigoto-shindan .result-details{padding-left:16px;padding-right:16px}.oshigoto-shindan .result-details summary{font-size:16px}.oshigoto-shindan .character-link strong{font-size:17px}.oshigoto-shindan .near-job p{font-size:14px}}
@media(max-width:350px){.oshigoto-shindan .quiz-wrap{padding-left:16px;padding-right:16px}.oshigoto-shindan .question-title{font-size:22px}.oshigoto-shindan .answer{padding:12px;gap:9px}.oshigoto-shindan .choice-number{width:27px;height:27px}.oshigoto-shindan .result h1{font-size:29px}.oshigoto-shindan .text-actions{grid-template-columns:1fr}.oshigoto-shindan .character-link strong{font-size:16px}}

/* 2026-10-08: キャラを主役にした適職結果 */
.oshigoto-shindan .jobs-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 14px}
.oshigoto-shindan .preview-actor{display:block;font-size:17px;line-height:1.7;margin:0 auto 3px}
.oshigoto-shindan .job-preview>span{font-size:14px;line-height:1.65}
.oshigoto-shindan .result-character{font-size:40px!important;line-height:1.35!important;letter-spacing:.015em!important;margin:0 0 8px!important}
.oshigoto-shindan .result-character .type-suffix{display:inline-block;font-size:.55em;color:var(--muted);margin-left:5px;letter-spacing:0}
.oshigoto-shindan .type-label{margin-bottom:17px}
.oshigoto-shindan .work-match{display:flex;align-items:center;justify-content:center;gap:16px;max-width:535px;margin:0 auto 22px;padding:15px 19px;border:1px solid #d9d7df;border-radius:18px;background:var(--wash);text-align:left}
.oshigoto-shindan .work-icon{width:60px;height:60px;flex:none;border-radius:50%;background:#fffdf8;display:flex;align-items:center;justify-content:center}
.oshigoto-shindan .work-icon svg{width:54px;height:54px}
.oshigoto-shindan .work-heading{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 3px}
.oshigoto-shindan .result .result-work{font-size:22px;line-height:1.55;margin:0;color:var(--accent);font-weight:700}
.oshigoto-shindan .character-story h2{font-size:17px!important;line-height:1.65!important;display:block!important;margin-bottom:10px!important}
.oshigoto-shindan .near-job h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px}
.oshigoto-shindan .near-job .near-type{font-size:12px;font-weight:500;color:var(--muted)}
@media(max-width:700px){
  .oshigoto-shindan .jobs-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
  .oshigoto-shindan .preview-actor{font-size:16px}
  .oshigoto-shindan .result-character{font-size:34px!important;line-height:1.45!important}
  .oshigoto-shindan .work-match{gap:12px;padding:13px 12px;margin-bottom:19px}
  .oshigoto-shindan .work-icon{width:52px;height:52px}
  .oshigoto-shindan .work-icon svg{width:47px;height:47px}
  .oshigoto-shindan .result .result-work{font-size:20px;line-height:1.55}
  .oshigoto-shindan .work-heading{font-size:12px}
  .oshigoto-shindan .character-story h2{font-size:16px!important}
}
@media(max-width:350px){
  .oshigoto-shindan .result-character{font-size:30px!important}
  .oshigoto-shindan .work-match{gap:9px;padding:12px 10px}
  .oshigoto-shindan .result .result-work{font-size:18px}
}

/* 2026-10-08: あるあるの直後にも共有操作を置く */
.oshigoto-shindan .quick-share{padding:20px 24px 22px;border-top:1px dashed var(--line)}
.oshigoto-shindan .quick-share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.oshigoto-shindan .quick-share-actions a,.oshigoto-shindan .quick-share-actions button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:56px;padding:12px 6px;font-size:17px;line-height:1.6;border-radius:12px;white-space:nowrap}
.oshigoto-shindan .quick-share-x{background:var(--green);border:1px solid var(--green);color:#fff;text-decoration:none;font-weight:700}
.oshigoto-shindan .quick-share-x:hover{background:#566947}
.oshigoto-shindan .quick-share-note{font-size:14px;line-height:1.7;color:var(--muted);margin:12px 0 0}
.oshigoto-shindan .quick-share .share-status{margin:12px 0 0;text-align:left;font-size:15px}
.oshigoto-shindan .quick-share .share-status:empty{display:none}
.oshigoto-shindan .review-markers .quick-share[data-change]{outline-offset:-5px}
@media(max-width:700px){.oshigoto-shindan .quick-share{padding:20px 18px}.oshigoto-shindan .quick-share-actions a,.oshigoto-shindan .quick-share-actions button{font-size:16px}}

/* 2026-10-08: 仕事選びのヒントと、友達のおしごと札 */
.oshigoto-shindan .work-guide,.oshigoto-shindan .buddy-section,.oshigoto-shindan .all-types{margin:24px 0;padding:23px 24px;border:1px solid var(--line);border-radius:18px;background:#fffdf8}
.oshigoto-shindan .work-guide h2,.oshigoto-shindan .buddy-section h2,.oshigoto-shindan .all-types h2{font-size:20px;line-height:1.65;margin:0 0 15px}
.oshigoto-shindan .real-jobs{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0 0 22px;padding:0}
.oshigoto-shindan .real-jobs li{background:var(--wash);border-radius:10px;padding:8px 12px;font-size:17px;line-height:1.65}
.oshigoto-shindan .fit-scenes{margin:0}.oshigoto-shindan .fit-scenes dt{font-weight:700;font-size:17px;margin:19px 0 7px}.oshigoto-shindan .fit-scenes dd{margin:0;font-size:17px;line-height:1.95}
.oshigoto-shindan .working-tip{margin-top:21px;padding:17px 18px;background:#f3f4eb;border-radius:12px}
.oshigoto-shindan .working-tip h3{font-size:17px;margin:0 0 7px}.oshigoto-shindan .working-tip p{font-size:17px;line-height:1.95;margin:0}
.oshigoto-shindan .buddy-link{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);border:1px solid #d9d7cd;background:var(--wash);border-radius:14px;padding:15px;min-height:84px}
.oshigoto-shindan .buddy-icon{flex:none;display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#fffdf8;border-radius:50%}
.oshigoto-shindan .buddy-link strong{display:block;font-size:20px;line-height:1.6}.oshigoto-shindan .buddy-link .near-type{font-size:14px;margin-left:4px}
.oshigoto-shindan .buddy-action{display:block;font-size:14px;line-height:1.7;margin-top:5px;color:var(--muted)}
.oshigoto-shindan .buddy-section>p:not(.small-note){font-size:17px;line-height:1.95;margin:16px 0 0}
.oshigoto-shindan .type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.oshigoto-shindan .type-item{display:flex;flex-direction:column;justify-content:center;min-height:110px;padding:14px;text-decoration:none;border:1px solid #ddd4c6;border-radius:13px;background:var(--wash);color:var(--ink);overflow-wrap:anywhere}
.oshigoto-shindan .type-item strong{font-size:18px;line-height:1.6}.oshigoto-shindan .type-item>span{font-size:15px;line-height:1.75;margin-top:5px}.oshigoto-shindan .type-item small{font-size:12px;color:var(--muted);margin-top:7px}
.oshigoto-shindan .current-type{border:2px solid var(--accent)}
.oshigoto-shindan .shared-start{margin:3px 0 25px}.oshigoto-shindan .shared-start .primary{justify-content:center;font-size:18px;padding:14px 10px;min-height:60px}
@media(max-width:700px){.oshigoto-shindan .work-guide,.oshigoto-shindan .buddy-section,.oshigoto-shindan .all-types{padding:20px 18px}.oshigoto-shindan .work-guide h2,.oshigoto-shindan .buddy-section h2,.oshigoto-shindan .all-types h2{font-size:19px}.oshigoto-shindan .buddy-link{padding:13px 11px;gap:10px}.oshigoto-shindan .buddy-link strong{font-size:19px}.oshigoto-shindan .type-grid{gap:10px}.oshigoto-shindan .type-item{padding:13px 10px}.oshigoto-shindan .type-item strong{font-size:17px}.oshigoto-shindan .type-item>span{font-size:14px}.oshigoto-shindan .working-tip{padding:16px}}
@media(max-width:350px){.oshigoto-shindan .work-guide,.oshigoto-shindan .buddy-section,.oshigoto-shindan .all-types{padding:20px 15px}.oshigoto-shindan .buddy-link strong{font-size:18px}.oshigoto-shindan .buddy-icon{width:42px;height:42px}.oshigoto-shindan .buddy-icon svg{width:36px;height:36px}.oshigoto-shindan .shared-start .primary{font-size:17px}.oshigoto-shindan .type-item strong{font-size:16px}.oshigoto-shindan .real-jobs li{font-size:16px}}

/* v1.4.4: 労働あるある3点と最下部の注記 */
.oshigoto-shindan .relatable-list{list-style:none;padding:0;margin:0;display:grid;gap:17px}
.oshigoto-shindan .relatable-list li{display:grid;grid-template-columns:7px minmax(0,1fr);gap:12px;font-size:18px;font-weight:600;line-height:1.9}
.oshigoto-shindan .relatable-list li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:13px}
.oshigoto-shindan .site-footer .result-footer-note{font-size:13px;line-height:1.9;margin:18px auto 0;max-width:560px;padding:0 18px}
@media(max-width:700px){.oshigoto-shindan .relatable-list{gap:15px}.oshigoto-shindan .relatable-list li{font-size:17px;gap:10px;line-height:1.9}}

/* v1.4.5: 入口の長い仕事名を一行で表示 */
.oshigoto-shindan .job-preview>.continuous-work{white-space:nowrap}
/* v1.4.6: 仕事名は語の切れ目だけで折り返す。390px未満の入口では長い2つを枠に合わせて縮め、一行を保つ（最小12px） */
.oshigoto-shindan .work-name{word-break:keep-all}
.oshigoto-shindan .job-preview>.continuous-work wbr{display:none}
@media(max-width:389px){.oshigoto-shindan .job-preview{container-type:inline-size}.oshigoto-shindan .job-preview>.continuous-work{font-size:max(12px,min(14px,calc(100cqi / var(--chars))))}}
@media(max-width:359px){.oshigoto-shindan .job-preview>.continuous-work{white-space:normal;font-size:14px}.oshigoto-shindan .job-preview>.continuous-work wbr{display:revert}}

/* v1.4.8: 入口のサムネと、結果の作中の投稿 */
.oshigoto-shindan .top-visual{display:block;width:100%;max-width:960px;margin:0 auto 30px;padding:0;border:0;border-radius:20px;overflow:hidden;background:#f3e6ea;box-shadow:0 10px 26px #63513d14;cursor:pointer}
.oshigoto-shindan .top-visual img{display:block;width:100%;height:auto;aspect-ratio:16/9}
.oshigoto-shindan .top-visual:hover img{opacity:.94}
@media(max-width:700px){.oshigoto-shindan .top-visual{border-radius:14px;margin-bottom:24px}}
.oshigoto-shindan .scene-embed{margin:26px 0;padding:24px 22px;border:1px solid #e0d6c5;border-radius:20px;background:#fffdf7}
.oshigoto-shindan .scene-embed h2{font-size:19px;line-height:1.65;margin:0 0 8px}
.oshigoto-shindan .scene-caption{font-size:16px;line-height:1.9;margin:0 0 6px}
.oshigoto-shindan .scene-embed .twitter-tweet{margin:12px auto!important}
.oshigoto-shindan .scene-embed blockquote.twitter-tweet{border-left:3px solid #d8cdbb;padding:6px 14px;font-size:15px}
.oshigoto-shindan .scene-embed .small-note{margin:10px 0 0}
.oshigoto-shindan .review-markers .scene-embed[data-change],.oshigoto-shindan .review-markers .top-visual[data-change]{outline-offset:-5px}
/* v1.4.10: キャラ名（パジャマ／パーティーズ、労働の／鎧さん）も語の切れ目だけで折り返す */
.oshigoto-shindan .preview-actor,.oshigoto-shindan .type-item strong,.oshigoto-shindan .near-job h3,.oshigoto-shindan .partner-type,.oshigoto-shindan .result-character{word-break:keep-all}
/* v1.4.11: 共有は上の欄にまとめる。保存する画像は開いて確認（長押し保存の入口） */
.oshigoto-shindan .quick-share .quick-preview{margin:12px 0 0;padding:10px 12px;background:#fffaf2}
.oshigoto-shindan .quick-share .quick-preview summary{font-size:14px;color:var(--muted)}
.oshigoto-shindan .quick-share .quick-preview .small-note{margin:8px 0 0}

/* v1.4.12: みんなはどのタイプだった？（セイレーン編と同じ形の円グラフと一覧） */
.oshigoto-shindan .stats-section{margin:26px 0;padding:24px 20px;border:1px solid #e0d6c5;border-radius:20px;background:#fffdf7;text-align:center}
.oshigoto-shindan .stats-section h2{font-size:19px;line-height:1.6;margin:0 0 10px;color:#4f6b52}
.oshigoto-shindan .stats-lead{font-size:15px;line-height:1.8;margin:0 0 6px}
.oshigoto-shindan .stats-lead strong{font-size:18px;color:#4f6b52}
.oshigoto-shindan .stats-pending{font-size:15px;line-height:1.9;color:var(--muted);margin:8px 0}
.oshigoto-shindan .stats-chart{max-width:248px;margin:0 auto 10px}
.oshigoto-shindan .stats-chart svg{display:block;width:100%;height:auto}
.oshigoto-shindan .stats-slice{stroke:#fffdf7;stroke-width:2}
.oshigoto-shindan .stats-badge text{font:700 11px sans-serif;fill:#51473e}
.oshigoto-shindan .stats-center-label{font-size:12px;fill:#75685b}
.oshigoto-shindan .stats-center-value{font-size:24px;font-weight:700;fill:#4f6b52}
.oshigoto-shindan .stats-center-name{font-size:12px;fill:#51473e}
.oshigoto-shindan .stats-legend{list-style:none;margin:6px 0 0;padding:0;text-align:left}
.oshigoto-shindan .stats-row{display:grid;grid-template-columns:24px minmax(0,7.5em) minmax(0,1fr) 3.6em;gap:8px;align-items:center;padding:5px 6px;border-radius:10px;font-size:13px}
.oshigoto-shindan .stats-row.is-self{background:#eef5ea;outline:1px solid #b8d4b4}
.oshigoto-shindan .stats-rank{display:grid;place-items:center;width:22px;height:22px;border:2px solid;border-radius:50%;font-size:11px;font-weight:700;background:#fff}
.oshigoto-shindan .stats-name{overflow-wrap:normal;word-break:keep-all;line-height:1.4}
.oshigoto-shindan .stats-you{display:inline-block;margin-left:4px;padding:0 6px;border-radius:99px;background:#5e8a5c;color:#fff;font-size:10px;line-height:1.7;vertical-align:1px;white-space:nowrap}
.oshigoto-shindan .stats-bar{height:8px;border-radius:99px;background:#eee8dc;overflow:hidden}
.oshigoto-shindan .stats-bar span{display:block;height:100%;border-radius:99px}
.oshigoto-shindan .stats-value{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.oshigoto-shindan .stats-note{font-size:11px;color:var(--muted);margin:10px 0 0}
.oshigoto-shindan .review-markers .stats-section[data-change]{outline-offset:-5px}

/* v1.5.0: 回答から分かる理由（結果の短い説明の直後に1点）と、集計の見本表示 */
.oshigoto-shindan .answer-link{max-width:505px;margin:12px auto 0;padding:10px 16px;border-radius:14px;background:#f6f1e7;border-left:4px solid var(--accent);text-align:left}
.oshigoto-shindan .answer-link-label{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 4px;font-weight:700}
.oshigoto-shindan .answer-link-text{font-size:16px;line-height:1.85;margin:0}
.oshigoto-shindan .result-intro,.oshigoto-shindan .answer-link-text{text-wrap:balance}
.oshigoto-shindan .review-markers .answer-link[data-change]{outline-offset:2px}
.oshigoto-shindan .stats-demo-note{font-size:13px;line-height:1.75;color:#6b4f3e;background:#f8efe3;border-radius:10px;padding:8px 12px;margin:0 0 10px;text-align:left}
@media(max-width:700px){.oshigoto-shindan .answer-link{margin-top:10px;padding:10px 14px}.oshigoto-shindan .answer-link-text{font-size:16px;line-height:1.8}}

/* ---- WordPressテーマ（AFFINGER）との競合を防ぐ（build.cjsが追加） ---- */
.oshigoto-shindan{display:block;max-width:none;margin:0;padding:0 0 10px;background:var(--paper);color:var(--ink);font-size:18px;line-height:1.8;overflow-wrap:anywhere}
.oshigoto-shindan,.oshigoto-shindan *{font-family:"Hiragino Maru Gothic ProN","BIZ UDPGothic","Yu Gothic",Meiryo,sans-serif!important}
.oshigoto-shindan h1,.oshigoto-shindan h2,.oshigoto-shindan h3{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;text-indent:0!important;color:inherit;font-family:inherit}
.oshigoto-shindan h1::before,.oshigoto-shindan h1::after,.oshigoto-shindan h2::before,.oshigoto-shindan h2::after,.oshigoto-shindan h3::before,.oshigoto-shindan h3::after{display:none!important;content:none!important}
.oshigoto-shindan p{font-size:inherit}
.oshigoto-shindan ul,.oshigoto-shindan ol{padding-left:0}
.oshigoto-shindan blockquote{quotes:none}
.oshigoto-shindan blockquote::before,.oshigoto-shindan blockquote::after{content:none!important;display:none!important}
.oshigoto-shindan img{max-width:100%}
/* 2026-10-09: 広告を診断と同じ幅の中央へ（左寄せになっていた） */
.oshigoto-shindan .oshigoto-ad{box-sizing:border-box;max-width:1050px;margin:32px auto 0;padding:0 40px;text-align:center}
@media(max-width:700px){.oshigoto-shindan .oshigoto-ad{padding:0 20px;margin-top:24px}}