@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');

:root{--bg-primary:#fff;--bg-secondary:#f6f5f3;--bg-card:#fff;--accent-purple:#8c8260;--accent-purple-light:#756b4b;--glow-purple:transparent;--glow-blue:transparent;--text-primary:#222;--text-secondary:#55534d;--text-muted:#77746d;--border-color:#e9e6e0;--danger:#9c4540;--success:#38684e;--warning:#8a662c;--font-gothic:Manrope,'DM Sans',sans-serif;--font-body:'DM Sans','Segoe UI',sans-serif}
html{scroll-behavior:smooth}body{background:#fff;color:var(--text-primary);font-family:var(--font-body)}.particles,#particles-canvas{display:none}.skip-link{position:absolute;top:-60px;left:20px;background:#222;color:#fff;padding:10px 14px;z-index:300}.skip-link:focus{top:10px}
.navbar{position:relative;background:#fff;border-bottom:1px solid var(--border-color);padding:15px 0;backdrop-filter:none}.navbar .container,.main-content>.container,.footer .container{max-width:1120px}.navbar-brand{display:flex;align-items:center;gap:12px;color:#222;font:600 20px var(--font-gothic);letter-spacing:-.035em;text-shadow:none}.brand-symbol{display:grid;place-items:center;width:34px;height:34px;background:#8c8260;color:#fff;font:700 15px var(--font-gothic);border:0;border-radius:0}.navbar-brand small{color:#8c8260;font:500 10px var(--font-body);letter-spacing:.025em}.nav-note{color:#8c8260;font-size:11px}.lang-btn{background:#fff;color:#756b4b;border:1px solid #d8d4ca;border-radius:0;min-height:39px;padding:8px 14px}.lang-btn:hover{background:#f6f5f3;color:#222;text-shadow:none}
.main-content{padding:0 0 88px}.hero{max-width:790px;text-align:left;padding:61px 0 42px}.hero-kicker{font:500 11px var(--font-body);color:#8c8260;letter-spacing:.035em}.hero h1{font:600 clamp(37px,4.5vw,60px)/1.16 var(--font-gothic);letter-spacing:-.055em;color:#222;text-shadow:none;margin:17px 0 20px}.hero h1 em{font-style:normal;font-weight:500;color:#8c8260}.hero p{max-width:620px;color:#5e5b53;font:400 15px/1.75 var(--font-body)}.hero .jp-sub{color:#77746d}.card{background:#fff;border:1px solid #e6e3dc;border-radius:0;box-shadow:none;padding:30px}.tab-bar{border-bottom:1px solid #e9e6e0;gap:0;margin-bottom:28px;overflow-x:auto;flex-wrap:nowrap}.tab-btn{flex:none;padding:13px 17px;font-size:12px;font-weight:500;color:#77746d}.tab-btn:hover,.tab-btn.active{color:#222;text-shadow:none}.tab-btn.active{border-bottom-color:#8c8260;font-weight:700}
.input-group input,.input-group select,#historyTypeSelect,#propType{background:#fff!important;border:1px solid #cbc7bd!important;border-radius:0!important;color:#222!important;font-family:var(--font-body)}.input-group input:focus,.input-group select:focus,#historyTypeSelect:focus,#propType:focus{border-color:#8c8260!important;box-shadow:0 0 0 3px #8c82602b!important}.input-group input::placeholder{color:#858078}.btn,.btn-sm,.record-type-btn{border-radius:0}.btn-primary{background:#8c8260;color:#fff;border-color:#8c8260}.btn-primary:hover,.btn-primary:focus{background:#756b4b;box-shadow:none;transform:translateY(-1px)}.record-type-btn{background:#f6f5f3;color:#575349;border:1px solid #e5e1d8}.record-type-btn:hover{border-color:#8c8260;color:#222}.record-type-btn.selected{background:#ece9df;color:#4c432d;border-color:#8c8260;box-shadow:none}.action-bar .btn-sm{border-style:solid;color:#756b4b}.record-group{background:#fff;border:1px solid #e9e6e0;border-radius:0}.record-header{background:#f6f5f3;color:#222;border-bottom:1px solid #e9e6e0}.record-item{color:#55534d;border-bottom-color:#e9e6e0}.domain-heading,.domain-heading span{color:#756b4b}.result-grid .value{color:#222}.status-badge{border-radius:0}.status-OK,.status-SIGNED{background:#e3f0e7;color:#286043}.status-EMPTY,.status-TIMEOUT,.status-UNSIGNED{background:#f7edd8;color:#855d22}.status-ERROR,.status-NXDOMAIN{background:#f8e7e4;color:#933e3b}
.footer{background:#fff;border-top:1px solid #e9e6e0;text-align:left;padding:27px 0}.footer .container{display:flex;justify-content:space-between;gap:24px}.footer-copy,.footer-detail{font-size:11px;color:#77746d}:focus-visible{outline:2px solid #8c8260;outline-offset:3px}@media(max-width:700px){.navbar-brand small,.nav-note{display:none}.hero{padding:44px 0 31px}.hero h1{font-size:clamp(34px,9vw,50px)}.hero p{font-size:14px}.card{padding:18px}.footer .container{display:block}.footer-detail{margin-top:8px}.input-group{flex-direction:column}.input-group>*{width:100%!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}