/* その問 / isolated CSS, deliberately affects only .stq descendants */
.stq{--bg:#f8f7f2;--card:#fffefb;--ink:#2b403a;--sub:#6c8073;--green:#295c51;--line:#dbe5dd;font:15px/1.9 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif;background:var(--bg);color:var(--ink);padding:28px 15px 65px;min-height:70vh;overflow-wrap:anywhere}
.stq *, .stq *::before,.stq *::after{box-sizing:border-box}
.stq a{color:inherit;text-decoration:none}.stq a:hover{text-decoration:underline;text-underline-offset:3px}.stq input,.stq button{font:inherit}.stq button{cursor:pointer}.stq :focus-visible{outline:3px solid #b99b61;outline-offset:3px}
.stq-shell{max-width:1010px;margin:0 auto}.stq-crumb{font-size:12px;color:#849287;margin:0 0 17px}.stq-eyebrow,.stq small{font-size:10px;letter-spacing:.15em;font-weight:700;color:#819287}
.stq-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#fffefa,#f0f5ee);border:1px solid var(--line);border-radius:22px;padding:45px 54px 35px;box-shadow:0 12px 34px #354e4010}
.stq-hero::after{content:"問";font:400 385px/1 "Yu Mincho",serif;color:#3d736309;position:absolute;right:7px;bottom:-153px;pointer-events:none}
.stq-hero-top{display:flex;align-items:center;justify-content:space-between}.stq-mark{font:26px Georgia,serif;border:1px solid #d3dfd5;color:#91ad98;width:43px;height:43px;border-radius:50%;display:grid;place-items:center}
.stq-hero h1{position:relative;font-size:clamp(44px,6vw,60px);letter-spacing:.1em;margin:12px 0 7px;line-height:1.2}.stq-hero h1 span{color:var(--green)}
.stq-hero h2{position:relative;font-size:clamp(17px,2.4vw,22px);margin:0 0 15px;letter-spacing:.025em}.stq-hero p{position:relative;color:#577065;font-size:14px;line-height:2.15;margin:0 0 22px}
.stq-actions{position:relative;display:flex;gap:10px;flex-wrap:wrap;margin:0 0 13px}.stq-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 24px;font-size:13px;font-weight:700}.stq-main{color:white!important;background:var(--green);border:1px solid var(--green)}.stq-main:hover{background:#204c42;text-decoration:none!important}.stq-line{background:#ffffffc2;border:1px solid #cbdacd;color:var(--green)!important}.stq-line:hover{text-decoration:none!important;background:white}
.stq-hero small{position:relative;font-size:11px;font-weight:400;letter-spacing:normal}
.stq-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:17px 0 23px;padding:16px 8px 21px;border-bottom:1px solid var(--line)}.stq-stats>div{text-align:center;display:grid;justify-items:center;color:#758679;font-size:12px}.stq-stats>div+div{border-left:1px solid var(--line)}.stq-stats strong{font:600 29px/1.4 Georgia,"Yu Mincho",serif;color:var(--ink);font-variant-numeric:tabular-nums}
.stq-seed{display:grid;grid-template-columns:45px 1fr auto;gap:18px;align-items:center;background:#f0f3e9;border:1px solid #dfe8da;border-radius:15px;margin:25px 0 53px;padding:20px 24px}.stq-seed-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #d2e0d3;color:#8ea68b;font-size:25px}.stq-seed small,.stq-heading small{display:block;color:#7e9281}.stq-seed p{margin:1px 0;font-size:15px;font-weight:700}.stq-seed em{font-size:11px;color:#839084;font-style:normal}.stq-seed>a{white-space:nowrap;font-size:13px;font-weight:700;color:var(--green)}
.stq-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 17px}.stq-heading h2{font-size:25px;line-height:1.35;margin:3px 0 0}.stq-heading>a{color:#6b8173;font-size:12px}
.stq-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px}.stq-tabs a{padding:5px 14px;font-size:12px;color:#648071;border:1px solid #d3dfd4;border-radius:999px;white-space:nowrap}.stq-tabs a.active{background:var(--green);color:white;border-color:var(--green);font-weight:700}.stq-tabs a:hover{text-decoration:none;background:#e5f0e8}.stq-tabs a.active:hover{background:var(--green)}
.stq-search{display:flex;gap:8px;margin:0 0 21px}.stq-search input{min-width:0;flex:1;border:1px solid #d6e1d6;background:white;border-radius:11px;min-height:44px;padding:8px 13px;color:#2b4435;outline:none}.stq-search input:focus{border-color:#65958a;box-shadow:0 0 0 3px #4e968822}.stq-search button{border-radius:11px;background:white;border:1px solid var(--green);color:var(--green);font-weight:700;padding:7px 23px;font-size:13px}.stq-search button:hover{background:#edf5ee}
.stq-items{display:grid;gap:13px}.stq-item{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:22px 27px 18px;box-shadow:0 3px 18px #334a3805}.stq-item:hover{border-color:#bfd6c7}
.stq-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px 13px;font-size:11px;color:#8b958a}.stq-status{font-size:11px;font-weight:700;padding:2px 11px;border-radius:999px}.stq-status.waiting{background:#faefdf;color:#987146}.stq-status.open{background:#e9f3f0;color:#436f64}.stq-status.solved{background:#ecf0eb;color:#758372}
.stq-item h3{margin:12px 0 8px;font-size:clamp(16px,2.4vw,18px);line-height:1.55}.stq-item h3 a:hover{color:var(--green)}.stq-item>p{font-size:13px;color:#718173;line-height:1.9;margin:0 0 11px}
.stq-item-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eaf0ea;padding:12px 0 0;margin:13px 0 0;font-size:12px;color:#72877a}.stq-item-foot div{display:flex;flex-wrap:wrap;gap:12px 20px;font-weight:700;color:var(--green)}.stq-solve{margin:11px 0 0}.stq-solve button{border:1px dashed #bbcfbe;color:#597b65;border-radius:6px;background:transparent;padding:3px 10px;font-size:11px}.stq-solve button:hover{background:#eef5ef}
.stq-empty{text-align:center;padding:48px 18px;border-radius:14px;border:1px dashed #cedecf;background:white}.stq-empty>span{font:39px Georgia,serif;color:#a8baac}.stq-empty h3{font-size:17px;margin:9px 0}.stq-empty p{font-size:13px;color:#73867a}.stq-empty a{font-size:13px;color:var(--green);font-weight:700}
.stq-pages{display:flex;gap:17px;justify-content:center;align-items:center;color:#6a7c6b;font-size:13px;margin-top:23px}.stq-pages a{border:1px solid #d0e0d1;border-radius:999px;padding:4px 14px;color:var(--green)}
.stq-ending{display:flex;align-items:center;gap:33px;background:#eaf0e7;border:1px solid #dce8da;border-radius:15px;margin:54px 0 26px;padding:28px 42px}.stq-ending>div{font:80px/1 "Yu Mincho",serif;color:#9bb7a1}.stq-ending h2{font-size:20px;margin:0 0 5px}.stq-ending p{font-size:13px;color:#6a7f70;margin:0 0 8px}.stq-ending a{color:var(--green);font-weight:700;font-size:13px}.stq-bottom{text-align:center;font-size:13px;color:#758879}
.stq-closed{border:1px solid var(--line);border-radius:15px;background:var(--card);padding:48px}.stq-closed h1{font-size:24px}.stq-closed p{color:var(--sub)}.stq-closed a{color:var(--green);font-weight:700}.stq-admin{background:#f2f4e9;border-radius:8px;padding:14px}.stq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:680px){.stq{padding:13px 10px 44px}.stq-hero{padding:30px 22px 25px;border-radius:17px}.stq-hero::after{font-size:235px;bottom:-98px;right:-12px}.stq-mark{width:35px;height:35px;font-size:21px}.stq-hero p{font-size:13px;line-height:2}.stq-hero p br{display:none}.stq-hero small{font-size:10px}.stq-stats{padding:13px 0 18px}.stq-stats>div{font-size:10px}.stq-stats strong{font-size:25px}.stq-seed{grid-template-columns:33px 1fr;gap:8px 12px;padding:16px;margin:20px 0 43px}.stq-seed-icon{width:32px;height:32px;font-size:20px}.stq-seed p{font-size:13px}.stq-seed em{font-size:10px}.stq-seed>a{grid-column:2;justify-self:start}.stq-heading h2{font-size:22px}.stq-heading>a{text-align:right;font-size:10px}.stq-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.stq-tabs a{font-size:11px}.stq-search button{padding:7px 15px}.stq-item{padding:18px 17px 16px}.stq-item-foot{align-items:start;flex-direction:column;gap:5px}.stq-ending{padding:23px 20px;gap:15px}.stq-ending>div{font-size:54px}.stq-ending p br{display:none}.stq-closed{padding:30px 22px}}
@media(prefers-reduced-motion:reduce){.stq *{scroll-behavior:auto!important}}