:root{--pg:#f2f5f9;--card:#fff;--card2:#f6fafd;--brd:rgba(200,220,240,.6);--brd2:rgba(170,200,225,.8);--txt:#1a2e3d;--txt2:#2e4e66;--txt3:#496f89;--txt4:#6a8faa;--th:#1f3d51;--th-t:#fff;--even:#f5fafd;--hvr:#e8f4fd;--tr-b:rgba(200,220,240,.5);--pill:#dceef9;--pill-t:#0c5278;--pill-b:#aacfe8;--info:#e8f3fa;--info-b:#3d7ca3;--info-t:#0d3f5a;--warn:#fef9ec;--warn-b:#e6a017;--warn-t:#5f3f0e;--ok:#e8faf2;--ok-b:#1a9c5a;--ok-t:#0b4a28;--h1:linear-gradient(145deg,#0e3050,#1a527a);--sh:0 20px 40px -15px rgba(0,32,60,.18);}
[data-theme="dark"]{--pg:#0b1826;--card:#0f2035;--card2:#132843;--brd:rgba(255,255,255,.08);--brd2:rgba(255,255,255,.15);--txt:#ddeaf8;--txt2:#8fb8d8;--txt3:#5a8aaa;--txt4:#3d6a88;--th:#091b2c;--th-t:#7dc4f0;--even:#0d1e30;--hvr:#112540;--tr-b:rgba(255,255,255,.06);--pill:rgba(59,130,246,.18);--pill-t:#93c5fd;--pill-b:rgba(59,130,246,.35);--info:rgba(59,130,246,.1);--info-b:#3b82f6;--info-t:#bfdbfe;--warn:rgba(245,158,11,.1);--warn-b:#f59e0b;--warn-t:#fcd34d;--ok:rgba(16,185,129,.1);--ok-b:#10b981;--ok-t:#6ee7b7;--h1:linear-gradient(135deg,#2c7be5,#0ea5e9);--sh:0 20px 40px -15px rgba(0,0,0,.5);}

*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--pg);font-family:'Inter',system-ui,sans-serif;color:var(--txt);min-height:100vh;}
.container{max-width:1300px;width:100%;background:var(--card);border-radius:1.8rem;box-shadow:var(--sh);padding:2.5rem 2.3rem;border:1px solid var(--brd);margin:0 auto;}
table{width:100%;border-collapse:collapse;font-size:.95rem;}
thead th{background:var(--th);color:var(--th-t);font-weight:700;font-size:.85rem;letter-spacing:.4px;text-transform:uppercase;padding:1rem 1.2rem;text-align:left;white-space:nowrap;}
tbody td{padding:.9rem 1.2rem;border-bottom:1px solid var(--tr-b);vertical-align:middle;color:var(--txt2);}
tbody tr:last-child td{border-bottom:none;}
tbody tr:hover td,tbody tr:hover{background:var(--hvr);}
tbody tr:nth-child(even) td{background:var(--even);}
tbody tr:nth-child(even):hover td{background:var(--hvr);}
.table-responsive{border-radius:1rem;overflow:hidden;border:1px solid var(--brd);overflow-x:auto;margin-bottom:2rem;}


h1{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;background:var(--h1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.4rem;padding-left:.8rem;border-left:5px solid var(--info-b);}
.subhead{font-size:1rem;color:var(--txt2);font-weight:400;margin-bottom:1.8rem;padding-left:1rem;}
.torque-badge{background:var(--pill);color:var(--pill-t);font-weight:700;padding:.25rem .9rem;border-radius:40px;display:inline-block;font-size:.92rem;border:1px solid var(--pill-b);}
.socket-badge{font-family:'JetBrains Mono','SF Mono',monospace;background:var(--card2);padding:.25rem .9rem;border-radius:40px;font-size:.9rem;font-weight:700;color:var(--txt);display:inline-block;border:1px solid var(--brd);}
.footnote{font-size:.9rem;color:var(--txt3);background:var(--card2);padding:.5rem 1.6rem;border-radius:60px;display:inline-block;margin-bottom:2rem;border:1px solid var(--brd);}
.info-panel{background:var(--info);border-radius:1.2rem;padding:1.6rem 2rem;margin:2rem 0;border-left:6px solid var(--info-b);color:var(--info-t);font-size:1rem;}
.error-section{background:var(--warn);border-radius:1.2rem;padding:1.8rem 2rem;margin:2rem 0;border-left:7px solid var(--warn-b);}
.error-section h2{font-size:1.4rem;font-weight:700;color:var(--warn-t);margin-bottom:1.4rem;}
.error-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem;}
/* error grid - kart tasarımı */
.error-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;}
.error-grid li{
  background:var(--card2);list-style:none;
  padding:.9rem 1.1rem .9rem 1rem;
  border-radius:14px;
  border:1px solid var(--brd);
  font-weight:600;color:var(--txt2);
  font-size:.9rem;line-height:1.4;
  display:flex;align-items:flex-start;gap:.7rem;
  transition:.12s;
}
.error-grid li:hover{border-color:var(--warn-b);color:var(--txt);}
.error-grid li::before{
  content:"!";
  background:var(--warn-b);color:#fff;
  min-width:20px;height:20px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:.75rem;font-weight:900;margin-top:.05rem;flex-shrink:0;
  opacity:.85;
}
.error-section{background:var(--card2);border-radius:1.2rem;padding:1.8rem 2rem;margin:2rem 0;border:1px solid var(--brd);border-left:4px solid var(--warn-b);}
.error-section h2{font-size:1.2rem;font-weight:800;color:var(--txt);margin-bottom:1.2rem;display:flex;align-items:center;gap:.5rem;}
.highlight-block{background:var(--info);border-radius:1.2rem;padding:1.6rem 2rem;margin:2rem 0;border:1px solid var(--info-b);font-size:.98rem;font-weight:500;color:var(--info-t);}
.service-box{background:var(--card2);border-radius:1.2rem;padding:2rem 2.5rem;margin:2rem 0;border:1px solid var(--brd);}
.service-box h2{font-size:1.2rem;font-weight:800;color:var(--txt);margin-bottom:1.4rem;}
.service-list{list-style:none;}
.service-list li{margin-bottom:.9rem;padding-left:2.4rem;position:relative;font-size:.98rem;color:var(--txt2);line-height:1.5;}
.service-list li::before{content:"✔";background:var(--ok-b);color:#fff;font-weight:900;width:1.5rem;height:1.5rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:absolute;left:0;top:.1rem;font-size:.8rem;}
.mandatory{background:var(--card);border-radius:60px;padding:1rem 2rem;margin-top:1.8rem;font-weight:700;color:var(--txt);border:2px solid var(--brd2);text-align:center;font-size:.98rem;}
/* calc-box - giriş metni */
.calc-box{background:var(--card2);border-radius:1.2rem;padding:1.6rem 2rem;margin:2rem 0;border:1px solid var(--brd);}
.calc-box>.calc-intro{font-size:.98rem;margin-bottom:1.4rem;color:var(--txt2);line-height:1.65;}
.calc-box strong{color:var(--txt);font-weight:700;}
/* example-card - hesaplama kutusu */
.example-card{
  background:linear-gradient(135deg,#0e3050 0%,#1a527a 100%);
  border-radius:1.2rem;padding:1.6rem 2rem;margin-top:1rem;
  border:1px solid rgba(255,255,255,.12);
}
.example-title{font-size:1rem;font-weight:800;color:#fff;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;}
.example-title::before{content:"📐";font-size:1.1rem;}
.example-line{font-size:.96rem;color:rgba(255,255,255,.88);line-height:1.6;margin-bottom:.5rem;}
.num-highlight{
  background:rgba(255,255,255,.18);
  padding:.15rem 1rem;border-radius:30px;
  color:#fde68a;font-weight:800;
  display:inline-block;font-size:1rem;
  border:1px solid rgba(255,255,255,.25);
}
hr{border:none;border-top:2px dashed var(--brd);margin:2.5rem 0 1.5rem;}
.footer-note{display:flex;flex-wrap:wrap;justify-content:space-between;color:var(--txt3);font-size:.92rem;padding:0 .5rem;}
@media(max-width:700px){.container{padding:1.6rem;} h1{font-size:1.6rem;}}
