:root{font-family:'Yu Gothic UI',Meiryo,sans-serif;color:#183733;background:#f5f4ed;line-height:1.7}*{box-sizing:border-box}body{margin:0}header{max-width:1120px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;border-bottom:1px solid #ccd3cb}a{color:inherit}header a{text-decoration:none;font-size:22px;font-weight:800}small,.eyebrow{font-size:11px;letter-spacing:.16em}header span{font-size:13px}main{max-width:1120px;padding:0 32px;margin:auto}.intro{position:relative;padding:65px 0 42px}h1{font-size:clamp(40px,6vw,68px);line-height:1.22;margin:18px 0;font-weight:800;letter-spacing:-.04em}.intro p{color:#46615a}.box{position:absolute;right:13%;top:90px;width:170px;height:150px;background:#dec9a1;border:2px solid #8d7450;border-radius:8px;transform:rotate(-9deg);text-align:center;font-size:45px;color:#856b43;box-shadow:18px 20px 0 #e7e9dd}.calculator{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #ccd3cb;background:#fff;border-radius:18px;overflow:hidden}form{padding:32px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-title h2{font-size:18px}.section-title span,.hint{font-size:12px;color:#65766e}.dimensions{display:flex;gap:12px}.dimensions label{flex:1;min-width:0;font-size:13px}input{display:block;width:100%;font:inherit;background:#f7f8f4;border:1px solid #a8b8ad;border-radius:6px;padding:10px;margin:5px 0}input:focus{outline:3px solid #b5d6c0}.padding{display:flex;align-items:center;gap:10px;font-size:13px;margin-top:18px}.padding input{width:80px}button{width:100%;padding:16px;border:0;border-radius:6px;background:#245e49;color:white;font:inherit;font-weight:bold;margin-top:24px;cursor:pointer}button span{float:right}.secondary{background:transparent;color:#476257;margin-top:4px;font-size:12px;padding:10px}#result{padding:38px;background:#eaf0e6;display:flex;flex-direction:column;justify-content:center}#result h2{font-size:30px;margin:10px 0}#result .badge{font-size:12px;letter-spacing:.12em}#result strong{font-size:22px}.guide{padding:56px 0}.guide h2{font-size:24px}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.columns p{font-size:14px}footer{border-top:1px solid #ccd3cb;padding:22px 0 40px;color:#65766e;font-size:12px}@media(max-width:650px){header,main{padding-left:20px;padding-right:20px}header small{display:none}.intro{padding-top:36px}.box{right:10px;top:74px;width:90px;height:90px;font-size:24px}.calculator,.columns{grid-template-columns:1fr}form,#result{padding:22px}.section-title{align-items:flex-start}.section-title span{max-width:95px}.dimensions{gap:8px}}

.tool-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.tool-links a{display:block;padding:18px;border:1px solid #ccd3cb;border-radius:8px;background:#fff;text-decoration:none}.tool-links a:hover{background:#eaf0e6}.tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-fields label{font-size:13px;min-width:0}@media(max-width:650px){.tool-fields{grid-template-columns:1fr}.intro h1{font-size:38px}}