/* Kurt Clinic — Hemoroid evre testi (page scope: .et-*). Uses tokens from site.css / v2.css only. */

.et-section{padding-block:clamp(4px,1.5vw,16px) clamp(40px,6vw,72px);}
.page-hero.et-hero{padding-bottom:clamp(20px,3vw,32px);}
.et-card{max-width:760px; margin-inline:auto; background:#fff; border-radius:var(--r-lg); box-shadow:var(--shadow); padding:clamp(20px,4.5vw,44px); scroll-margin-top:96px;}
.et-intro{display:flex; flex-wrap:wrap; gap:8px 18px; margin:0 0 22px; padding:0 0 18px; border-bottom:1px solid var(--line); color:var(--navy-soft); font-size:.92rem;}
.et-intro span{display:inline-flex; align-items:center; gap:8px;}
.et-intro span::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--green); flex-shrink:0;}
.et-card.is-started .et-intro{display:none;}
.et-hero .page-hero-lede{max-width:40rem;}
.et-noscript{margin:0; color:var(--navy);}

/* progress */
.et-progress{display:grid; gap:8px; margin-bottom:22px;}
.et-count{font-size:.86rem; font-weight:600; color:var(--navy-soft); letter-spacing:.02em;}
.et-bar{height:6px; border-radius:999px; background:var(--line); overflow:hidden;}
.et-bar span{display:block; height:100%; background:var(--green-ink); border-radius:inherit; transition:width var(--speed-med,320ms) var(--ease-out);}

/* question */
.et-fieldset{border:0; margin:0; padding:0; min-width:0;}
.et-legend{padding:0; margin:0 0 6px; float:left; width:100%;}
.et-legend + *{clear:both;}
.et-q{display:block; font-size:clamp(1.2rem,1rem + .9vw,1.55rem); font-weight:600; line-height:1.32; color:var(--navy); letter-spacing:-.01em;}
.et-q:focus{outline:none;}
.et-q:focus-visible{outline:2px solid var(--green-ink); outline-offset:4px; border-radius:4px;}
.et-hint{margin:0 0 4px; color:var(--navy-soft); font-size:.95rem;}
.et-opts{display:grid; gap:10px; margin-top:18px;}
.et-opt{display:flex; align-items:center; gap:14px; min-height:56px; padding:12px 18px; border:1.5px solid rgba(34,50,73,.18); border-radius:var(--r-md); background:#fff; cursor:pointer; color:var(--ink); font-size:1rem; line-height:1.4; transition:border-color .18s, background-color .18s, box-shadow .18s;}
.et-opt:hover{border-color:rgba(34,50,73,.42);}
.et-opt input{width:20px; height:20px; margin:0; flex-shrink:0; accent-color:var(--green-ink); cursor:pointer;}
.et-opt:has(input:checked){border-color:var(--green-ink); background:var(--green-tint);}
.et-opt:has(input:focus-visible){box-shadow:0 0 0 3px rgba(25,180,128,.32);}
.et-opt.is-none{margin-top:4px;}
.et-err{margin:12px 0 0; font-size:.92rem; font-weight:500; color:#B42318;}
.et-nav{display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:26px;}
.et-nav .btn{min-width:132px;}
.et-nav .et-next{margin-left:auto;}

/* result */
.et-res > p{color:var(--navy-soft); font-size:1.02rem; line-height:1.65; margin:0 0 1em;}
.et-res-title{font-size:clamp(1.45rem,1.1rem + 1.4vw,2.05rem); font-weight:700; line-height:1.2; letter-spacing:-.015em; color:var(--navy); margin:0 0 18px;}
.et-res-title:focus{outline:none;}
.et-res-title:focus-visible{outline:2px solid var(--green-ink); outline-offset:4px; border-radius:4px;}
.et-scale{list-style:none; margin:0 0 20px; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:6px;}
.et-scale li{display:grid; gap:4px; align-content:start; padding:10px 10px 12px; border-radius:var(--r-sm); background:var(--warm); color:var(--navy-soft); font-size:.8rem; line-height:1.3; border-top:3px solid var(--line);}
.et-scale-n{font-weight:600; color:var(--navy-soft); font-size:.86rem;}
.et-scale li.is-on{background:var(--navy); color:rgba(255,255,255,.82); border-top-color:var(--green);}
.et-scale li.is-on .et-scale-n{color:#fff;}
.et-load{margin:4px 0 18px; padding:16px 18px; border-radius:var(--r-md); background:var(--warm);}
.et-load p{margin:0; color:var(--navy-soft); font-size:.98rem; line-height:1.6;}
.et-load .et-load-h{color:var(--navy); margin-bottom:4px; font-size:1rem;}
.et-notes{margin:0 0 18px;}
.et-notes-h{margin:0 0 8px; font-weight:600; color:var(--navy);}
.et-notes ul{margin:0; padding-left:1.2em; list-style:disc; color:var(--navy-soft); line-height:1.6;}
.et-notes li{margin-bottom:.45em;}
.et-notes li::marker{color:var(--green-ink);}
.et-notes a{color:var(--green-ink); font-weight:600;}
.et-disclaimer{font-size:.9rem !important; color:var(--navy-faint) !important; margin:0 !important;}
.et-priority{margin:0 0 22px; padding:14px 16px; border-radius:var(--r-md); background:#FFFAEB; border-left:4px solid #B54708; color:#7A2E0E; font-size:.96rem; line-height:1.55;}
.et-priority strong{color:#7A2E0E;}
.et-res-alarm{border-left:4px solid #B42318; padding-left:clamp(14px,3vw,22px);}
.et-res-alarm .kicker{color:#B42318;}
.et-res-sub{margin:0 0 6px !important; color:var(--navy) !important; font-weight:600;}
.et-alarm-list{margin:0 0 16px; padding-left:1.2em; list-style:disc; color:var(--ink); line-height:1.55;}
.et-alarm-list li{margin-bottom:.35em;}
.et-alarm-list li::marker{color:#B42318;}
.et-urgent{margin:0 !important; padding:12px 14px; border-radius:var(--r-sm); background:#FEF3F2; color:#912018 !important; font-size:.98rem !important;}
.et-restart{margin-top:18px; padding:8px 0; background:none; border:0; font:inherit; font-size:.92rem; font-weight:600; color:var(--navy-soft); text-decoration:underline; text-underline-offset:3px; cursor:pointer;}
.et-restart:hover{color:var(--navy);}
.et-restart:focus-visible{outline:2px solid var(--green-ink); outline-offset:3px; border-radius:4px;}

/* contact block (shown with the result) */
.et-contact{margin-top:28px; padding-top:26px; border-top:1px solid var(--line);}
.et-contact h3{font-size:clamp(1.2rem,1rem + .8vw,1.5rem); font-weight:700; color:var(--navy); margin:0 0 8px; letter-spacing:-.01em;}
.et-contact > p{margin:0 0 18px; color:var(--navy-soft); line-height:1.6;}
.et-actions{display:flex; flex-wrap:wrap; gap:10px;}
.et-actions .btn{flex:1 1 200px;}
.et-contact .cb-form{margin-top:22px; padding:20px; border:0; border-radius:var(--r-md); background:var(--warm);}
.et-contact .cb-title{font-size:1.05rem;}
.et-contact .cb-note{margin:0; font-size:.86rem; color:var(--navy-soft); line-height:1.55;}
.et-contact .cb-note a{color:var(--navy);}

/* info below the test */
.et-levels{margin:1.2em 0 1.4em; padding:0; list-style:none; display:grid; gap:10px; max-width:var(--measure);}
.et-levels li{display:grid; grid-template-columns:88px 1fr; gap:14px; align-items:baseline; padding:14px 16px; border-radius:var(--r-md); background:var(--warm); color:var(--navy-soft); font-size:.98rem; line-height:1.55;}
.et-levels li strong{color:var(--navy); font-weight:600;}

@media (max-width:560px){
  .et-scale{grid-template-columns:repeat(2,1fr);}
  .et-nav .btn{min-width:0; flex:1 1 0; padding:0 16px;}
  .et-nav > span{display:none;}
  .et-levels li{grid-template-columns:1fr; gap:2px;}
}
@media (prefers-reduced-motion:reduce){
  .et-bar span, .et-opt{transition:none;}
}