*{box-sizing:border-box}body{margin:0;background:#f5f5ef;color:#193e32;font:16px/1.8 system-ui,sans-serif}header{display:flex;justify-content:space-between;padding:24px 6vw;background:white;border-bottom:1px solid #dce1d7}a{color:inherit}header a{text-decoration:none;font-size:13px;letter-spacing:.1em}header a:first-child{font-weight:800}main{max-width:1040px;margin:auto;padding:50px 24px}h1{font-size:clamp(34px,5vw,54px);line-height:1.4}h2{font-size:25px}.eyebrow{font-size:11px;letter-spacing:.16em}.small{font-size:12px;color:#647668}section{padding:28px;background:#fff;border:1px solid #dce1d7;border-radius:14px;margin-top:20px}label{display:block;margin:18px 0}label span{font-size:12px;color:#68776b}select,textarea{font:inherit;width:100%;padding:14px;border:1px solid #cad2c6;border-radius:6px;margin-top:8px;background:#fbfcf9;color:inherit}button{font:inherit;border:0;border-radius:6px;background:#215e48;color:#fff;padding:14px 22px;cursor:pointer}button:disabled{opacity:.55}.secondary{background:#e4eadd;color:#193e32}.actions{display:flex;justify-content:space-between;gap:15px;margin:26px 0}.looks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.look{background:white;color:#193e32;border:2px solid #e2e6dc;padding:6px;text-align:left}.look[aria-pressed=true]{border-color:#215e48;background:#edf4e8}.look img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.look span{display:block;font-size:13px;padding:8px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.result-grid>img{width:100%;border-radius:8px;aspect-ratio:1;object-fit:cover}.money{font-size:32px;font-weight:600}.notice{background:#edf2e8;padding:18px;border-radius:8px}#progress{font-size:12px;margin-top:30px}footer{margin-top:40px;font-size:12px}[hidden]{display:none!important}:focus-visible{outline:3px solid #92b58b;outline-offset:3px}@media(max-width:650px){.looks{gap:6px}.look span{font-size:11px;padding:5px}.result-grid{grid-template-columns:1fr}section{padding:20px}.actions{flex-wrap:wrap}.actions button{flex:1}h2{font-size:21px}}
.choices{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.choices button{background:#f5f6f1;color:#193e32;border:2px solid #dde3d7;text-align:left}.choices button[aria-pressed=true]{border-color:#215e48;background:#e4efdf}.choices button[aria-pressed=true]::before{content:'✓ ';font-weight:bold}#budget h4{margin-bottom:0}#budget p{margin-top:8px}
.mood-card .look{width:100%;height:auto}.mood-card fieldset{margin:10px 0 0;padding:12px;border:1px solid #d8dfd1;border-radius:8px;background:#f6f8f2}.mood-card legend{font-size:12px}.mood-card label{font-size:13px;margin:6px 0;display:flex;align-items:center;gap:8px}.mood-card input{accent-color:#215e48}#your-note{white-space:pre-wrap}.looks{align-items:start}@media(max-width:650px){.looks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.look span{font-size:13px}}
.required{display:inline-block;font-size:12px;vertical-align:middle;padding:3px 9px;background:#e7eee0;border-radius:4px}#step-error{color:#9c302d;font-weight:600}#budget>p:first-child{font-size:clamp(24px,4vw,36px);font-weight:600}

/* Clear hierarchy for the entry flow and estimate. */
body{color:#253d34}h1,h2,h3,h4{color:#102f25;font-weight:750}h2{font-size:clamp(24px,3vw,32px);line-height:1.5;margin:0 0 20px}h3{font-size:24px;line-height:1.5}.small{font-size:13px;line-height:1.8;color:#536358}.eyebrow{color:#466052;font-weight:700;letter-spacing:.14em}label{font-weight:650}select,textarea{font-weight:400;border-color:#829689;background:#fff}.look span{font-size:15px;font-weight:700;line-height:1.5;padding:12px 8px}.look[aria-pressed=true]{border-color:#174b36;background:#e3eedf;box-shadow:0 0 0 2px #174b36}.look[aria-pressed=true] span::before{content:'✓ ';color:#174b36}.choices button{font-weight:650;border-color:#97a999}.choices button[aria-pressed=true]{background:#194e39;color:#fff;border-color:#194e39}.required{background:#254e3a;color:#fff;font-weight:700}.mood-card legend{font-weight:700;color:#243f30}.mood-card label{font-weight:400}#progress{font-size:14px;font-weight:750;letter-spacing:.1em;color:#174b36}#direction{margin:0 0 14px;font-size:clamp(23px,2.6vw,30px)}#description{font-size:17px;line-height:1.8}#your-note{font-size:14px;color:#465b50;border-left:3px solid #a3b699;padding-left:14px;overflow-wrap:anywhere}.result-grid{align-items:start;gap:32px}#budget .estimate-price{padding:20px;background:#edf3e8;border:1px solid #d0ddc9;border-radius:10px}#budget .estimate-amount{font-size:clamp(32px,4vw,46px);line-height:1.25;letter-spacing:-.035em;font-weight:800;color:#123c29;margin:0}#budget .estimate-caption{font-size:13px;font-weight:650;margin:8px 0 0;color:#405746}#budget .estimate-caution{font-size:14px;line-height:1.7;font-weight:600;color:#554b32;margin:12px 0 24px}.scope-item{padding:16px 0;border-bottom:1px solid #dbe2d5}#budget .scope-item h4{font-size:13px;letter-spacing:.04em;margin:0;color:#4c6253}#budget .scope-item p{font-size:17px;font-weight:650;line-height:1.7;margin:6px 0 0}#budget .product-note{font-size:15px;margin:22px 0;line-height:1.9}#budget .estimate-exclusions{font-size:13px;color:#536358}.estimate-details{border-top:1px solid #ccd6c5;margin-top:18px;padding-top:16px}.estimate-details summary{font-size:14px;font-weight:700;cursor:pointer;color:#244d35}.estimate-details p{font-size:13px;line-height:1.9;color:#4b5d50}.mypage-benefits{margin-top:40px;padding:30px;background:#eaf0e3;border:1px solid #c9d7c0;border-radius:12px}.mypage-benefits h3{font-size:clamp(27px,3.5vw,36px);margin:12px 0}.benefits-lead{font-size:17px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;margin:26px 0}.benefit-grid article{border-top:1px solid #b8c9af;padding-top:18px}.benefit-grid span{font-size:12px;font-weight:700;color:#4d6343}.benefit-grid h4{font-size:18px;line-height:1.6;margin:8px 0}.benefit-grid p{font-size:14px;line-height:1.8;margin:0;color:#40513b}.actions button{font-weight:700}.actions #save{background:#183f2c}.secondary{border:1px solid #83987c}.actions button:focus-visible,summary:focus-visible{outline:3px solid #102f25;outline-offset:4px}@media(max-width:650px){main{padding:34px 18px}section{padding:22px 16px}.look span{font-size:14px}.mypage-benefits{padding:22px 18px}.benefit-grid{grid-template-columns:1fr;gap:20px}.actions button{flex-basis:100%;font-size:15px}.result-grid{gap:24px}#budget .estimate-price{padding:18px}.small{font-size:13px}}

.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.example-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#fff;color:#263e35;border:2px solid #d8dfd5;border-radius:16px;padding:22px;gap:10px;cursor:pointer;min-width:0}.example-card svg{width:100%;height:140px;fill:none;stroke:#345a49;stroke-width:2;stroke-linejoin:round;background:#f4f2e9;border-radius:10px}.example-card .accent{fill:#d8e5d5}.example-card strong{font-size:21px;line-height:1.5}.example-card>span{font-size:15px;line-height:1.7}.example-card .example-number{font-size:12px;letter-spacing:.12em;color:#5a6e5e}.example-state{margin-top:auto;font-weight:700}.example-card[aria-pressed="true"]{border-color:#264d3c;background:#e7eee4;box-shadow:0 0 0 1px #264d3c}.example-card[aria-pressed="true"] .example-state{font-size:0}.example-card[aria-pressed="true"] .example-state:after{content:'選択済み ✓';font-size:15px}.example-card:focus-visible{outline:3px solid #ae6246;outline-offset:4px}@media(max-width:600px){.example-grid{grid-template-columns:1fr}.example-card strong{font-size:20px}}

.example-card .example-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:9px}

.use-config{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px 0;border-bottom:1px solid #dce1d7}.use-config img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px}.use-config h3{margin:0;font-size:22px}.use-config label{margin:12px 0}#live-amount{font-size:32px}#other-examples{margin-top:24px}#other-examples summary{cursor:pointer;font-weight:700}@media(max-width:650px){.use-config{grid-template-columns:1fr;gap:14px}}

/* Keep mood references separate from priced product assumptions. */
.selected-moods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.selected-mood img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px}.selected-mood h4{font-size:18px;margin:10px 0 4px}.selected-mood p{font-size:14px;margin:0}.result-products{margin-top:32px;padding-top:24px;border-top:1px solid #cad5c5}.selected-product{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding:20px 0;border-bottom:1px solid #dce1d7}.selected-product img{width:100%;aspect-ratio:3/2;object-fit:contain;border-radius:8px}.selected-product h4{font-size:22px;margin:0 0 8px}.selected-product p{margin:6px 0;overflow-wrap:anywhere}.product-subtotal{font-weight:750}.product-size{font-size:16px}@media(max-width:650px){.selected-moods{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.selected-product{grid-template-columns:1fr;gap:12px}.selected-product img{max-width:320px}.selected-mood h4{font-size:16px}}