:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;color:#232323;background:#fff;line-height:1.6;--accent:#0f766e}*{box-sizing:border-box}body{margin:0}a{color:inherit}.site-header{max-width:960px;margin:auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.brand{text-decoration:none;font-weight:700}.header-link{font-size:.9rem}.container{max-width:720px;margin:0 auto;padding:56px 24px}.home{max-width:800px}.eyebrow{color:var(--accent);font-weight:700;margin:0 0 10px}h1{font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.25;margin:0 0 32px}h2{font-size:1.15rem;margin:36px 0 12px}.search-wrap{margin:28px 0 48px}.search-wrap label{display:block;font-size:.85rem;margin-bottom:6px;color:#666}.search-wrap input{width:100%}.section-heading{display:flex;justify-content:space-between;align-items:baseline}.section-heading span{color:#777;font-size:.85rem}.tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-link{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #e5e5e5;border-radius:8px;padding:15px;text-decoration:none;transition:border-color .15s,background .15s}.tool-link:hover{border-color:var(--accent);background:#f5fbfa}.tool-link small{color:#777;font-size:.75rem;white-space:nowrap}.tool-card{padding:0;max-width:560px}.tool-card>label,.tool-card fieldset>label{display:block;margin:0 0 18px;font-weight:600}.tool-card input,.tool-card select,.tool-card textarea,.search-wrap input{display:block;width:100%;margin-top:6px;border:1px solid #bbb;border-radius:6px;padding:11px;font:inherit;background:#fff}.tool-card input:focus,.tool-card select:focus,.tool-card textarea:focus,.search-wrap input:focus{outline:2px solid #99d8d1;border-color:var(--accent)}fieldset{border:0;padding:0;margin:0 0 16px}legend{font-weight:700;margin-bottom:10px}.result{margin-top:22px;padding-top:18px;display:flex;flex-direction:column;gap:4px}.result-label{font-size:.8rem;color:#777}.result strong{font-size:clamp(1.7rem,6vw,2.5rem);color:var(--accent);line-height:1.3}.result span:last-child{color:#555}.tool-page .description{margin:20px 0;color:#555}.howto{border-left:3px solid var(--accent);padding-left:15px}.related{display:flex;flex-wrap:wrap;gap:10px}.related a,.button-link,button{display:inline-block;border:1px solid #ccc;border-radius:6px;padding:9px 13px;text-decoration:none;background:#fff;font:inherit;cursor:pointer}.related a:hover,.button-link:hover,button:hover{border-color:var(--accent);color:var(--accent)}.empty{color:#777}footer{max-width:960px;margin:40px auto 0;padding:20px 24px;color:#777;border-top:1px solid #eee;font-size:.8rem}[hidden]{display:none!important}@media(max-width:560px){.site-header{padding:16px}.container{padding:40px 16px}.tool-list{grid-template-columns:1fr}.tool-card{padding:0}.brand{font-size:.9rem}}.title-row{display:flex;align-items:center;gap:12px;margin-bottom:32px}.title-row h1{margin:0}.title-hint{color:#777;font-size:.8rem;white-space:nowrap}.example{margin:16px 0 0;padding:10px 12px;background:#f7faf9;border-left:3px solid var(--accent);font-size:.88rem}.example span{color:var(--accent);font-weight:700;margin-right:8px}.tool-id{margin:36px 0 0;color:#aaa;font-size:.72rem;text-align:right}.date-field{cursor:pointer}.date-field span{display:block}.date-input{min-height:48px;cursor:pointer}.date-selects{display:flex!important;align-items:center;gap:6px;margin-top:6px}.date-selects select{min-height:48px;border:1px solid #cfdad6;border-radius:8px;background:#fff;padding:0 10px;font-size:1rem;cursor:pointer}.date-selects select:first-child{flex:1.4}.date-selects select:not(:first-child){flex:1}.presets,.tool-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:4px 0 16px}.presets span{font-size:.82rem;color:#666}.presets button,.tool-actions button{border:1px solid #cfdad6;background:#fff;border-radius:999px;color:#246b5b;padding:7px 12px;cursor:pointer}.presets button:hover,.tool-actions button:hover{background:#edf7f3}.tool-actions{margin-top:4px}.tool-actions button:last-child{background:#246b5b;color:#fff;border-color:#246b5b}
