:root{--background:#f6f5f1;--surface:#fff;--surface-subtle:#faf9f6;--text:#202522;--muted:#68716d;--line:#d8ddd9;--primary:#176b68;--primary-hover:#125956;--primary-soft:#e6f0ed;--danger:#a9432f;--warning-bg:#fff7e6;--radius-small:6px;--radius-medium:10px}*{box-sizing:border-box}html{background:var(--background);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Yu Gothic UI,Yu Gothic,Meiryo,sans-serif;font-size:16px}body{min-width:320px;margin:0;line-height:1.7}a{color:inherit}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #f0b84d}.skip{position:absolute;left:-10000px}.skip:focus{z-index:10;background:var(--surface);padding:12px 16px;top:16px;left:16px}.site-header{border-bottom:1px solid var(--line);background:var(--surface)}.nav{justify-content:space-between;align-items:center;gap:24px;max-width:1080px;margin:auto;padding:14px 24px;display:flex}.brand{letter-spacing:.01em;font-size:1.16rem;font-weight:750;text-decoration:none}.nav-links{color:var(--muted);flex-wrap:wrap;gap:20px;font-size:.9rem;display:flex}.nav-links a{text-decoration:none}.nav-links a:hover{color:var(--primary);text-underline-offset:4px;text-decoration:underline}.wrap{max-width:1080px;margin:auto;padding-inline:24px}.home-intro{max-width:720px;padding:64px 0 40px}.home-intro h1,.page h1,.tool-head h1{letter-spacing:0;margin:0 0 16px;font-size:clamp(1.9rem,5vw,2.5rem);line-height:1.3}.home-intro>p:first-of-type{color:var(--muted);margin:0 0 16px;font-size:1.08rem}.utility-line{color:var(--primary);margin:0;font-size:.9rem;font-weight:650}.section{padding:28px 0}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.section h2,.page h2{letter-spacing:0;margin:0;font-size:1.5rem;line-height:1.4}.section-head a{color:var(--primary);font-size:.9rem;font-weight:650}.tool-list{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tool-item{border-bottom:1px solid var(--line);min-width:0}.tool-item:nth-child(odd){border-right:1px solid var(--line)}.tool-item a{justify-content:space-between;align-items:center;gap:20px;min-height:132px;padding:20px 22px;text-decoration:none;display:flex}.tool-item a:hover{background:var(--surface-subtle)}.tool-copy{gap:4px;min-width:0;display:grid}.tool-copy strong{font-size:1.08rem}.tool-copy>span{color:var(--muted);font-size:.9rem}.tool-copy small{color:var(--primary);font-size:.78rem}.tool-open{color:var(--primary);flex:none;font-size:.9rem;font-weight:700}.revisit{padding-top:40px}.revisit-group[hidden]{display:none}.mini-links{flex-wrap:wrap;gap:8px 16px;display:flex}.mini-link{color:var(--primary)}.notice{border-left:3px solid var(--primary);border-radius:var(--radius-small);background:var(--primary-soft);color:#285452;padding:14px 16px}.warning-note{background:var(--warning-bg);color:#654815;border-left-color:#b87921}.page{max-width:720px;padding:48px 0}.page.wide{max-width:none}.page>p,.page li{color:#4f5955}.page h2{margin-top:40px}.page h3{margin-top:24px;font-size:1.1rem}.crumb{color:var(--muted);margin-bottom:14px;font-size:.84rem}.search{border-radius:var(--radius-small);background:var(--surface);width:100%;min-height:48px;color:var(--text);border:1px solid #aeb6b2;margin:24px 0;padding:12px 14px}.tool-head{max-width:720px;padding:44px 0 22px}.tool-head>p{color:var(--muted);font-size:1.05rem}.tool-meta{color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin:18px 0;font-size:.88rem;display:flex}.tool-meta strong{color:var(--text)}.favorite-button{border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);min-height:44px;color:var(--primary);cursor:pointer;padding:8px 13px}.iframe-shell{border:1px solid var(--line);border-radius:var(--radius-medium);background:var(--surface);max-width:960px;margin:14px auto 32px;overflow:hidden}.iframe-shell iframe{border:0;width:100%;height:620px;display:block}.detail-block{border-top:1px solid var(--line);margin-top:28px}.detail-block summary{min-height:48px;color:var(--primary);cursor:pointer;padding:12px 0;font-weight:700}.related-links{flex-wrap:wrap;gap:8px 20px;display:flex}.related-links a{color:var(--primary)}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:64px;padding:28px 24px;font-size:.82rem}.footer-inner{justify-content:space-between;gap:20px;max-width:1080px;margin:auto;display:flex}.footer-links{flex-wrap:wrap;gap:12px 18px;display:flex}.footer-links a,.empty{color:var(--muted)}.ad-slot{display:none}@media (width<=720px){.nav{align-items:flex-start;padding:12px 16px}.nav-links{justify-content:flex-end;gap:10px 14px;font-size:.78rem}.wrap{padding-inline:16px}.home-intro{padding:44px 0 28px}.tool-list{grid-template-columns:1fr}.tool-item:nth-child(odd){border-right:0}.tool-item a{min-height:112px;padding:16px 4px}.revisit-group .section-head{flex-direction:column;align-items:flex-start;gap:2px}.footer-inner{flex-direction:column}.iframe-shell{margin-inline:-1px}}@media (width<=420px){.nav-links a:nth-child(2){display:none}.tool-open{font-size:.82rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}