/* KEL pages: calculators (/kalkulyatory/) and comparison tables (/sravnenie/).
   The look: a bench instrument (graphite case, amber readouts) and a test report on paper. Everything is scoped to .kp */
.kp{
  --ink:#0f1316;--case:#1a2026;--case2:#12161a;--well:#0a0d10;--line:#2c353d;--line2:#3d4852;
  --text:#e8ecef;--mute:#93a0ab;--amber:#ffb224;--amber2:#ffd27a;--green:#3ddc84;--red:#ff6b5e;
  --paper:#f7f5f0;--rule:#e5e1d7;--body:#2b3036;--soft:#646d76;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --disp:"Oswald",Tahoma,Geneva,sans-serif;
  --graticule:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/100% 22px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/22px 100%;
  font:15px/1.65 Arial,Helvetica,sans-serif;color:var(--body);
}
.kp *{box-sizing:border-box;}
.kp h2{clear:none;position:relative;margin:32px 0 12px;padding:0 0 0 14px;font:400 23px/1.25 var(--disp)!important;color:var(--ink);text-align:left;}
.kp h2:before{content:"";position:absolute;left:0;top:.18em;bottom:.14em;width:4px;border-radius:2px;background:var(--amber);}
.kp h3{clear:none;margin:18px 0 6px;padding:0;font:400 17px/1.3 var(--disp)!important;color:var(--ink);}
.kp p{margin:0 0 12px;}
.kp sub,.kp sup{font-size:.72em;line-height:0;}
.kp a{color:#0f6fa8;text-decoration:underline;text-decoration-color:rgba(15,111,168,.35);}
.kp a:hover{color:#b35f00;text-decoration-color:currentColor;}
.kp code{padding:1px 6px;border-radius:4px;background:#eceae3;font:500 13px/1.4 var(--mono);color:var(--ink);}
.kp-note{font-size:12.5px;line-height:1.55;color:var(--soft);}

/* page header */
.kx-hero{position:relative;margin:0 0 20px;padding:30px 32px 26px;border-radius:14px;color:var(--text);overflow:hidden;background:#13181c;box-shadow:0 18px 34px -24px rgba(15,19,22,.9);}
.kx-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 460 240' fill='none' stroke='%23ffb224' stroke-opacity='.3' stroke-width='2'%3E%3Cpath d='M460 30H340l-30 30h-78'/%3E%3Cpath d='M460 70H360l-40 40h-58'/%3E%3Cpath d='M460 110h-80l-30 30h-50l-20 20h-78'/%3E%3Cpath d='M460 150h-60l-30 30h-48'/%3E%3Cpath d='M460 190h-50l-20 20h-88'/%3E%3Ccircle cx='226' cy='60' r='6'/%3E%3Ccircle cx='256' cy='110' r='6'/%3E%3Ccircle cx='196' cy='160' r='6'/%3E%3Ccircle cx='316' cy='180' r='6'/%3E%3Ccircle cx='296' cy='210' r='6'/%3E%3C/svg%3E") right center/auto 100% no-repeat;pointer-events:none;}
.kx-hero>*{position:relative;}
.kx-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 10px;font:400 13px/1 var(--disp);letter-spacing:.16em;text-transform:uppercase;color:var(--amber);}
.kx-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 9px var(--amber);animation:kx-led 2.4s ease-in-out infinite;}
@keyframes kx-led{50%{opacity:.45;box-shadow:0 0 3px var(--amber);}}
.kp .kx-h1{position:relative;max-width:640px;margin:0;padding:0;font:400 36px/1.16 var(--disp)!important;color:#fff;text-align:left;}
.kx-lead{position:relative;max-width:620px;margin:12px 0 0!important;font-size:15px;line-height:1.55;color:#bcc6ce;}
.kx-stats{position:relative;display:flex;flex-wrap:wrap;gap:8px 28px;margin:20px 0 0;padding:16px 0 0;list-style:none;border-top:1px solid rgba(255,255,255,.1);}
.kx-stats li{margin:0;padding:0;list-style:none;}
.kx-stats b{display:block;font:500 21px/1.15 var(--mono);color:var(--amber);}
.kx-stats span{display:block;margin-top:3px;font-size:12px;line-height:1.3;color:var(--mute);}

/* calculators: catalog */
.kx-group{display:flex;align-items:center;gap:12px;margin:28px 0 12px;font:400 14px/1.2 var(--disp);letter-spacing:.12em;text-transform:uppercase;color:var(--soft);}
.kx-group:after{content:"";flex:1;height:1px;background:var(--rule);}
.kx-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.kp a.kx-tile{display:grid;grid-template-columns:118px minmax(0,1fr);border-radius:12px;overflow:hidden;background:var(--case);color:var(--text);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line);transition:transform .16s,box-shadow .16s;}
.kp a.kx-tile:hover{transform:translateY(-2px);color:var(--text);box-shadow:inset 0 0 0 1px var(--amber),0 14px 24px -16px rgba(15,19,22,.85);}
.kx-tile-sym{display:flex;align-items:center;justify-content:center;padding:10px;background:var(--graticule),var(--well);color:var(--amber);}
.kx-sym{display:block;width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.kx-sym .solid{fill:currentColor;stroke:none;}
.kx-sym .dim{opacity:.45;}
.kp a.kx-tile:hover .kx-sym{filter:drop-shadow(0 0 5px rgba(255,178,36,.75));}
.kx-tile-body{display:flex;flex-direction:column;min-width:0;padding:13px 16px 12px;}
.kx-tile-no{font:500 11px/1 var(--mono);letter-spacing:.06em;color:var(--mute);}
.kx-tile-title{margin:6px 0 5px;font:400 18px/1.22 var(--disp);color:#fff;}
.kx-tile-text{flex:1;font-size:12.5px;line-height:1.45;color:#a8b3bc;}
.kx-tile-tags{margin-top:9px;font:500 11px/1.3 var(--mono);color:var(--amber);}

/* calculator: the instrument */
.kc{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:14px;margin:0 0 8px;padding:12px 16px 16px;border-radius:16px;color:var(--text);
  background:radial-gradient(circle at 10px 10px,#4d5863 0 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 10px) 10px,#4d5863 0 2.5px,transparent 3px),radial-gradient(circle at 10px calc(100% - 10px),#4d5863 0 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 10px) calc(100% - 10px),#4d5863 0 2.5px,transparent 3px),linear-gradient(180deg,#232a31 0%,#161b20 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 36px -24px rgba(15,19,22,.95);}
.kc-bar{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:2px 8px 10px;border-bottom:1px solid var(--line);font:400 13px/1.2 var(--disp);letter-spacing:.09em;text-transform:uppercase;color:var(--mute);}
.kc-bar b{font:500 12px/1 var(--mono);letter-spacing:.04em;color:var(--amber);}
.kc-bar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kc-bar i{display:flex;align-items:center;gap:7px;margin-left:auto;font:400 12px/1 var(--disp);letter-spacing:.08em;white-space:nowrap;}
.kc-bar i:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green);}
.kc-form{min-width:0;padding:6px 4px 0 6px;}
.kc-res{min-width:0;padding:14px 16px 14px;border-radius:10px;background:var(--graticule),var(--well);box-shadow:inset 0 0 0 1px var(--line),inset 0 0 26px rgba(0,0,0,.65);}
.kc-f{display:block;margin:0 0 12px;}
.kc-l{display:block;margin:0 0 5px;font:400 13px/1.25 var(--disp);letter-spacing:.05em;color:#b7c1ca;}
.kc-i{display:flex;align-items:stretch;}
.kp .kc-f input,.kp .kc-f select,.kp .kc-f textarea{display:block;width:100%;height:40px;margin:0;padding:0 11px;border:1px solid var(--line2);border-radius:8px;background:var(--well);box-shadow:inset 0 2px 5px rgba(0,0,0,.5);font:500 15px/38px var(--mono);color:#fff;outline:0;transition:border-color .12s,box-shadow .12s;}
.kp .kc-f textarea{height:92px;padding:8px 11px;font-size:13.5px;line-height:1.5;resize:vertical;}
.kp .kc-f select{padding-right:30px;font:14px/38px Arial,Helvetica,sans-serif;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ffb224' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;}
.kp .kc-f select option{background:#14181c;color:#fff;}
.kp .kc-f input:focus,.kp .kc-f select:focus,.kp .kc-f textarea:focus{border-color:var(--amber);box-shadow:inset 0 2px 5px rgba(0,0,0,.5),0 0 0 3px rgba(255,178,36,.18);}
.kc-i em{flex:0 0 auto;min-width:44px;padding:0 10px;border:1px solid var(--line2);border-left:0;border-radius:0 8px 8px 0;background:#232a31;font:500 13px/38px var(--mono);text-align:center;color:var(--amber);}
.kp .kc-i input:not(:last-child){border-radius:8px 0 0 8px;}
.kp .kc-i select.kc-unit{flex:0 0 88px;width:88px;border-left:0;border-radius:0 8px 8px 0;background-color:#232a31;color:var(--amber);padding:0 24px 0 10px;background-position:right 8px center;}
.kc-f small{display:block;margin-top:4px;font-size:12px;line-height:1.4;color:var(--mute);}
.kc-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:12px;align-items:end;}
.kc-two .kc-f{margin:0;}
.kc-sub{margin:16px 0 8px;padding-top:12px;border-top:1px dashed var(--line2);font:400 13px/1.2 var(--disp);letter-spacing:.09em;text-transform:uppercase;color:var(--amber);}
.kc-f[hidden],.kc-panel[hidden],.kc-warn[hidden]{display:none;}

/* readouts */
.kc-res-title{margin:0 0 5px;font:400 12px/1.2 var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);}
.kc-main{margin:0 0 10px;}
.kc-main span{display:block;margin-bottom:3px;font-size:12.5px;line-height:1.3;color:#b7c1ca;}
.kc-main b{display:block;font:700 38px/1.12 var(--mono);letter-spacing:-.01em;color:var(--amber);text-shadow:0 0 16px rgba(255,178,36,.45);word-break:break-word;}
.kc-main b.kc-long{font-size:28px;}
.kc-main b.kc-xlong{font-size:21px;}
.kc-viz{margin:0 0 8px;}
.kc-viz:empty{display:none;}
.kc-svg{display:block;width:100%;height:auto;margin:0 0 8px;}
.kc-svg:last-child{margin-bottom:0;}
.kc-svg text{font-family:var(--mono);}
.kc-flow{stroke-dasharray:7 7;animation:kc-flow 1s linear infinite;}
@keyframes kc-flow{to{stroke-dashoffset:-14;}}
.kc-r{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;border-top:1px solid rgba(255,255,255,.07);font-size:13px;line-height:1.35;}
.kc-r span{color:#a8b3bc;}
.kc-r b{font:500 13.5px/1.35 var(--mono);text-align:right;color:#fff;}
.kc-warn{margin:10px 0 0;padding:9px 12px 9px 34px;border-radius:8px;background:rgba(255,178,36,.1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23ffb224' stroke-width='1.8'%3E%3Cpath d='M8 1.8l6.6 12H1.4z'/%3E%3Cpath d='M8 6.4v3.6M8 11.6v.6'/%3E%3C/svg%3E") 10px 10px no-repeat;box-shadow:inset 0 0 0 1px rgba(255,178,36,.28);font-size:12.5px;line-height:1.45;color:var(--amber2);}
.kc-warn p{margin:0 0 5px;}
.kc-warn p:last-child{margin:0;}
.kc-table{width:100%;margin:10px 0 0;border-collapse:collapse;font-size:12.5px;}
.kc-table th{padding:5px 6px;border-bottom:1px solid var(--line2);text-align:left;font:400 12px/1.2 var(--disp);letter-spacing:.05em;color:var(--mute);}
.kc-table td{padding:5px 6px;border-bottom:1px solid rgba(255,255,255,.06);font:500 12.5px/1.35 var(--mono);color:#d7dde2;}
.kc-table tr.on td{background:rgba(255,178,36,.12);color:var(--amber);}
.kc-tabs{display:inline-flex;flex-wrap:wrap;gap:3px;margin:0 0 12px;padding:4px;border-radius:12px;background:var(--case);}
.kp .kc-tabs button{display:block!important;height:36px;padding:0 16px;border:0;border-radius:8px;background:none;font:400 15px/36px var(--disp);letter-spacing:.03em;color:#b7c1ca;cursor:pointer;}
.kp .kc-tabs button:hover{color:#fff;}
.kp .kc-tabs button.on{background:var(--amber);color:#14181c;}

/* text under an instrument */
.kp-formula{margin:10px 0 14px;padding:13px 16px;border-radius:10px;background:var(--graticule),var(--well);font:500 14px/1.75 var(--mono);color:var(--amber2);overflow-x:auto;}
.kx-doc>ul{margin:0 0 14px;padding:0;}
.kx-doc>ul>li{position:relative;margin:0 0 8px;padding:0 0 0 18px;list-style:none;}
.kx-doc>ul>li:before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:1px;background:var(--amber);}
.kx-more{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px;margin:12px 0 0;}
.kp a.kx-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:10px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--rule);font-size:13.5px;line-height:1.35;color:var(--body);text-decoration:none;transition:box-shadow .14s,background .14s;}
.kp a.kx-link:after{content:"→";flex:0 0 auto;font-family:var(--mono);color:#b97a0a;}
.kp a.kx-link:hover{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--amber);}

/* comparison: the catalog */
.kh-hubs{display:grid;gap:14px;}
.kp a.kh-hub{display:grid;grid-template-columns:230px minmax(0,1fr);border-radius:14px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--rule);color:var(--body);text-decoration:none;transition:transform .16s,box-shadow .16s;}
.kp a.kh-hub:hover{transform:translateY(-2px);color:var(--body);box-shadow:inset 0 0 0 1px var(--amber),0 16px 28px -20px rgba(15,19,22,.7);}
.kh-hub-pics{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;background:var(--ink);min-height:200px;}
.kh-hub-pics img{display:block;width:100%;height:100%;min-height:0;margin:0;border:0;object-fit:cover;}
.kh-hub-body{display:flex;flex-direction:column;min-width:0;padding:18px 22px;}
.kh-hub-title{font:400 23px/1.2 var(--disp);color:var(--ink);}
.kh-hub-text{margin-top:6px;font-size:13.5px;line-height:1.5;color:var(--soft);}
.kh-score{display:flex;height:9px;margin:14px 0 7px;border-radius:5px;overflow:hidden;background:var(--rule);}
.kh-score i{display:block;}
.kh-score .good,.kh-legend .good:before{background:#2fae6a;}
.kh-score .mixed,.kh-legend .mixed:before{background:#efa81c;}
.kh-score .poor,.kh-legend .poor:before{background:#dd5245;}
.kh-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;line-height:1.3;color:var(--soft);}
.kh-legend span{display:inline-flex;align-items:center;gap:6px;}
.kh-legend span:before{content:"";width:8px;height:8px;border-radius:2px;}
.kh-hub-go{margin-top:auto;padding-top:12px;font:400 15px/1.2 var(--disp);letter-spacing:.03em;color:#a96c00;}
.kh-hub-go:after{content:" →";font-family:var(--mono);}

/* comparison: picks */
.kh-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 8px;}
.kp .kh-pick{display:flex;flex-direction:column;min-width:0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--rule);color:var(--body);text-decoration:none;transition:transform .14s,box-shadow .14s;}
.kp a.kh-pick:hover{transform:translateY(-2px);color:var(--body);box-shadow:inset 0 0 0 1px var(--amber),0 14px 24px -18px rgba(15,19,22,.7);}
.kh-pick-img{display:block;height:118px;background:var(--ink);}
.kh-pick-img img{display:block;width:100%;height:100%;margin:0;border:0;object-fit:cover;}
.kh-pick-body{display:block;padding:11px 14px 13px;}
.kh-pick-for{display:block;font:400 12px/1.25 var(--disp);letter-spacing:.07em;text-transform:uppercase;color:#a96c00;}
.kh-pick-name{display:block;margin:4px 0 4px;font:400 20px/1.2 var(--disp);color:var(--ink);}
.kh-pick-why{display:block;font-size:12.5px;line-height:1.48;color:var(--soft);}

/* comparison: the table, one report card per model */
.kh-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;}
.kh-filter{display:inline-flex;flex-wrap:wrap;gap:3px;padding:4px;border-radius:12px;background:var(--case);}
.kp .kh-filter button{height:34px;padding:0 14px;border:0;border-radius:8px;background:none;font:400 14.5px/34px var(--disp);letter-spacing:.02em;color:#b7c1ca;cursor:pointer;}
.kp .kh-filter button:hover{color:#fff;}
.kp .kh-filter button.on{background:var(--amber);color:#14181c;}
.kh-sort{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--soft);}
.kp .kh-sort select{height:36px;padding:0 10px;border:1px solid var(--rule);border-radius:8px;background:#fff;font:13.5px Arial,Helvetica,sans-serif;color:var(--body);}
.kh-table{display:block;width:100%;border-collapse:separate;font-size:13px;line-height:1.42;}
.kh-table thead,.kh-table tbody{display:block;}
.kh-table tr{display:grid;grid-template-columns:76px minmax(0,1.3fr) repeat(var(--m),minmax(0,1fr)) 118px;column-gap:14px;align-items:start;}
.kh-table thead tr{position:sticky;top:40px;z-index:3;align-items:center;padding:9px 14px;border-radius:10px;background:var(--case);box-shadow:0 8px 14px -12px rgba(15,19,22,.8);}
.kh-table th{padding:0;text-align:left;font:400 13px/1.2 var(--disp);letter-spacing:.05em;color:#b7c1ca;white-space:nowrap;background:none;border:0;}
.kh-table th.kh-th-note{display:none;}
.kh-table th[data-sort]{cursor:pointer;}
.kh-table th[data-sort]:hover{color:#fff;}
.kh-table th.asc,.kh-table th.desc{color:var(--amber);}
.kh-table th.asc:after{content:" \25B2";font-size:9px;}
.kh-table th.desc:after{content:" \25BC";font-size:9px;}
.kh-table tbody tr{position:relative;margin:8px 0 0;padding:13px 14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--rule);transition:box-shadow .14s;}
.kh-table tbody tr:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:#2fae6a;}
.kh-table tbody tr[data-group="mixed"]:before{background:#efa81c;}
.kh-table tbody tr[data-group="poor"]:before{background:#dd5245;}
.kh-table tbody tr:hover{box-shadow:inset 0 0 0 1px #c9c3b4,0 12px 22px -18px rgba(15,19,22,.6);}
.kh-table td{min-width:0;padding:0;border:0;vertical-align:top;color:var(--body);background:none;}
.kh-photo{grid-row:1/3;}
.kh-photo a,.kh-photo span{display:block;width:76px;height:76px;border-radius:9px;overflow:hidden;background:var(--paper);}
.kh-photo img{display:block;width:76px;height:76px;margin:0;border:0;object-fit:cover;}
.kh-model b{display:block;font:400 19px/1.2 var(--disp);color:var(--ink);}
.kh-model small{display:block;margin-top:3px;font-size:12px;line-height:1.35;color:var(--soft);}
.kh-num{display:block;font:500 14.5px/1.3 var(--mono);color:var(--ink);}
.kh-m small{display:block;margin-top:4px;font-size:11.5px;line-height:1.35;color:var(--soft);}
.kh-meter{display:block;height:5px;margin-top:5px;border-radius:3px;overflow:hidden;background:#ece9e1;}
.kh-meter i{display:block;height:100%;border-radius:3px;background:#2fae6a;}
.kh-meter i.mid{background:#efa81c;}
.kh-meter i.bad{background:#dd5245;}
.kh-stamp{text-align:right;}
.kh-badge{display:inline-block;padding:4px 8px 3px;border:2px solid currentColor;border-radius:5px;font:400 12.5px/1.1 var(--disp);letter-spacing:.06em;text-transform:uppercase;transform:rotate(-3deg);white-space:nowrap;}
.kh-good{color:#1d8a50;}
.kh-mixed{color:#b77c07;}
.kh-poor{color:#c33d30;}
.kh-note{grid-column:2/-1;margin-top:10px;padding-top:9px!important;border-top:1px dashed var(--rule)!important;}
.kh-note p{margin:0 0 7px;font-size:13.5px;line-height:1.5;color:var(--body);}
.kh-chips{display:flex;flex-wrap:wrap;align-items:center;gap:5px 14px;font-size:12px;line-height:1.4;color:var(--soft);}
.kh-chips i{font-style:normal;color:#8c8778;margin-right:4px;}
.kp a.kh-link{margin-left:auto;font:400 14px/1.2 var(--disp);letter-spacing:.02em;color:#a96c00;text-decoration:none;white-space:nowrap;}
.kp a.kh-link:after{content:" →";font-family:var(--mono);}
.kp a.kh-link:hover{color:var(--ink);}

@media (max-width:900px){
  .kc{grid-template-columns:minmax(0,1fr);}
  .kh-picks{grid-template-columns:repeat(2,minmax(0,1fr));}
  .kp a.kh-hub{grid-template-columns:170px minmax(0,1fr);}
}
@media (max-width:760px){
  .kx-tiles{grid-template-columns:minmax(0,1fr);}
  .kx-hero{padding:22px 18px 18px;}
  .kx-hero:before{opacity:.3;}
  .kp .kx-h1{font-size:28px;}
  .kc{padding:10px 10px 12px;}
  .kc-main b{font-size:32px;}
  .kc-bar i{display:none;}
  .kh-table thead{display:none;}
  /* two equal columns for the values: 64 + 1fr on each side */
  .kh-table tr{grid-template-columns:64px minmax(0,1fr) 64px minmax(0,1fr);column-gap:10px;row-gap:10px;}
  .kh-table tbody tr{padding:12px;}
  .kh-photo{grid-row:auto;grid-column:1;}
  .kh-photo a,.kh-photo span,.kh-photo img{width:64px;height:64px;}
  .kh-model{grid-column:2/-1;}
  .kh-stamp{order:1;grid-column:1/-1;text-align:left;}
  .kh-m:before{content:attr(data-label);display:block;margin-bottom:2px;font:400 12px/1.2 var(--disp);letter-spacing:.04em;color:var(--soft);}
  .kh-m{order:2;grid-column:span 2;}
  .kh-note{order:3;grid-column:1/-1;margin-top:0;}
  .kp a.kh-link{margin-left:0;}
  .kh-picks{grid-template-columns:minmax(0,1fr);}
  .kh-pick-img{height:150px;}
  .kp a.kh-hub{grid-template-columns:minmax(0,1fr);}
  .kh-hub-pics{min-height:0;height:170px;}
  .kh-sort{width:100%;}
  .kp .kh-sort select{flex:1;}
}
