/* ===================================================================
   turkey20yeartax.com — shared stylesheet
   Theme: deep navy + gold (finance / wealth / legal-trust)
   =================================================================== */
:root{
  /* Bayraktar corporate bordo + gold (variable names kept as --navy* for compatibility) */
  --navy:#762036; --navy2:#5a1829; --navy3:#8a2b45;
  --gold:#b8893a; --gold2:#9c6f2c; --goldsoft:#f8eef1;
  --ink:#2b1e23; --muted:#6f5f65; --line:#ece3e6; --bg-soft:#faf6f7;
  --good:#1f7a4d; --goodsoft:#e7f4ec;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{margin:0;font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);font-size:17px;line-height:1.72;background:#fff;}
a{color:var(--navy);}
img{max-width:100%;height:auto;}
.wrap{max-width:840px;margin:0 auto;padding:0 22px;}
.wrap-wide{max-width:1040px;margin:0 auto;padding:0 22px;}

/* ---------- Header ---------- */
header.site{background:var(--navy);color:#fff;border-bottom:3px solid var(--gold);}
header.site .bar{max-width:1040px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
header.site .brand{font-weight:800;font-size:17px;letter-spacing:.3px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;}
header.site .brand .em{display:inline-flex;width:30px;height:30px;border:2px solid var(--gold);border-radius:7px;align-items:center;justify-content:center;color:var(--gold);font-size:13px;font-weight:800;}
header.site nav{display:flex;align-items:center;flex-wrap:wrap;}
header.site nav a{color:#ecd9df;text-decoration:none;font-size:14px;margin-left:18px;}
header.site nav a:hover{color:#fff;}
header.site nav a.cta{background:var(--gold);color:#3a141f;padding:8px 15px;border-radius:24px;font-weight:700;}
header.site nav a.cta:hover{background:#d4ac57;color:#3a141f;}
@media(max-width:820px){header.site nav a:not(.cta){display:none;} header.site nav a.cta{margin-left:0;}}

/* ---------- Breadcrumb ---------- */
.crumb{max-width:840px;margin:0 auto;padding:15px 22px 0;font-size:13px;color:var(--muted);}
.crumb a{color:var(--muted);text-decoration:none;}
.crumb a:hover{color:var(--navy);}
.crumb span{margin:0 7px;color:#c3ccd6;}

/* ---------- Hero ---------- */
.hero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:58px 0 62px;border-bottom:3px solid var(--gold);}
.hero .eyebrow{color:var(--gold);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;}
.hero h1{font-size:40px;line-height:1.13;margin:0 0 16px;font-weight:800;letter-spacing:-.6px;}
.hero p{font-size:19px;color:#eed6dd;margin:0 0 26px;max-width:92%;}
.hero .note{margin-top:20px;font-size:13px;color:#c9a3b0;}
.btn{display:inline-block;padding:14px 26px;border-radius:30px;font-weight:700;font-size:15px;text-decoration:none;transition:transform .08s ease;}
.btn:active{transform:translateY(1px);}
.btn-gold{background:var(--gold);color:#3a141f;}
.btn-gold:hover{background:#d4ac57;}
.btn-out{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5);margin-left:10px;}
.btn-out:hover{border-color:#fff;}

/* ---------- Trust bar ---------- */
.trust{background:var(--goldsoft);padding:13px 0;font-size:14px;color:var(--navy);text-align:center;font-weight:600;border-bottom:1px solid #eadfc4;}

/* ---------- Pillar cards (home) ---------- */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0;}
.pcard{border:1px solid var(--line);border-radius:14px;padding:22px 20px;background:#fff;display:flex;flex-direction:column;transition:box-shadow .15s,border-color .15s;}
.pcard:hover{box-shadow:0 8px 26px rgba(15,44,78,.10);border-color:var(--gold);}
.pcard .eyebrow{color:var(--gold2);font-weight:700;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;margin:0 0 9px;}
.pcard h3{font-size:19px;color:var(--navy);margin:0 0 8px;line-height:1.25;}
.pcard p{font-size:14.5px;color:var(--muted);margin:0 0 16px;flex:1;}
.pcard a.more{color:var(--navy);font-weight:700;text-decoration:none;font-size:14.5px;border-bottom:2px solid var(--gold);align-self:flex-start;padding-bottom:1px;}
@media(max-width:820px){.pillars{grid-template-columns:1fr;}}

/* ---------- Sections / article ---------- */
section.c{padding:22px 0;}
article{padding:8px 0 20px;}
article h1,.pagetitle{font-size:35px;line-height:1.16;color:var(--navy);font-weight:800;letter-spacing:-.5px;margin:10px 0 8px;}
.meta{font-size:13px;color:var(--muted);margin-bottom:6px;}
h2{font-size:25px;color:var(--navy);font-weight:800;margin:30px 0 10px;letter-spacing:-.3px;scroll-margin-top:80px;}
h3{font-size:19.5px;color:var(--navy3);margin:20px 0 6px;}
section.c p,article p{margin:11px 0;}
article ul,article ol,section.c ul,section.c ol{padding-left:22px;} li{margin:6px 0;}
article a,section.c a{color:var(--navy);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(15,44,78,.28);}
article a:hover,section.c a:hover{border-bottom-color:var(--navy);}

/* ---------- Quick answer capsule (GEO / AI Overviews) ---------- */
.answer{background:var(--goldsoft);border-left:4px solid var(--gold);border-radius:0 10px 10px 0;padding:14px 18px;margin:18px 0;font-size:16px;}
.answer strong{color:var(--navy);}

/* ---------- Table of contents ---------- */
.toc{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:20px 0;font-size:14.5px;}
.toc strong{display:block;color:var(--navy);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:26px;}
.toc a{color:var(--navy3);text-decoration:none;border:0;}
.toc a:hover{color:var(--gold2);}
@media(max-width:640px){.toc ol{columns:1;}}

/* ---------- Key facts box ---------- */
.keybox{background:var(--navy);color:#f4e7eb;border-radius:14px;padding:20px 24px;margin:22px 0;}
.keybox h2{color:#fff;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;}
.keybox ul{list-style:none;padding:0;margin:0;}
.keybox li{position:relative;padding-left:26px;margin:8px 0;font-size:15px;}
.keybox li::before{content:"\2713";position:absolute;left:0;color:var(--gold);font-weight:800;}

/* ---------- Stat strip ---------- */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0;}
.stat{border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:#fff;text-align:center;}
.stat .n{font-size:30px;font-weight:800;color:var(--navy);line-height:1;letter-spacing:-.5px;}
.stat .l{font-size:13px;color:var(--muted);margin-top:7px;}
@media(max-width:640px){.stats{grid-template-columns:1fr;}}

/* ---------- Tables ---------- */
.tbl{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px;}
.tbl caption{caption-side:top;text-align:left;font-size:13px;color:var(--muted);margin-bottom:8px;}
.tbl th,.tbl td{border:1px solid var(--line);padding:10px 13px;text-align:left;vertical-align:top;}
.tbl thead th{background:var(--navy);color:#fff;font-weight:700;font-size:14px;}
.tbl tbody tr:nth-child(even){background:var(--bg-soft);}
.tbl td strong{color:var(--navy);}
.wrap-scroll{overflow-x:auto;}

/* ---------- Note / caution ---------- */
.note-box{border:1px solid #e6ddc2;background:#fbf7ec;border-radius:10px;padding:13px 17px;margin:16px 0;font-size:15px;color:#5f5330;}
.note-box strong{color:var(--gold2);}

/* ---------- CTA ---------- */
.cta{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:14px;padding:28px;text-align:center;margin:30px 0;border:1px solid var(--navy3);}
.cta h2{color:#fff;margin:0 0 8px;font-size:23px;}
.cta p{color:#ecd5db;margin:0 0 18px;font-size:15.5px;}

/* ---------- FAQ ---------- */
.faq details{border:1px solid var(--line);border-radius:10px;margin:9px 0;overflow:hidden;}
.faq summary{cursor:pointer;padding:15px 44px 15px 18px;font-weight:600;color:var(--navy);position:relative;list-style:none;font-size:16px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";position:absolute;right:18px;top:12px;font-size:22px;color:var(--gold);}
.faq details[open] summary::after{content:"\2013";}
.faq .a{padding:2px 18px 16px;color:#39434f;font-size:15.5px;}

/* ---------- Author / E-E-A-T ---------- */
.author{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:26px 0;background:var(--bg-soft);}
.author .av{flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:var(--navy);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;}
.author .who{font-size:14.5px;color:var(--muted);}
.author .who strong{color:var(--navy);font-size:15.5px;}

/* ---------- Sources ---------- */
.sources{border-top:1px solid var(--line);margin-top:28px;padding-top:14px;font-size:13.5px;color:var(--muted);}
.sources h2{font-size:15px;color:var(--navy);margin:0 0 8px;letter-spacing:0;}
.sources ol{padding-left:20px;margin:0;}
.sources li{margin:4px 0;}
.sources a{color:var(--muted);font-weight:500;}

/* ---------- Related ---------- */
.related{margin:26px 0;}
.related h2{font-size:20px;color:var(--navy);}
.rgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}
.rgrid a{display:block;border:1px solid var(--line);border-radius:10px;padding:14px;text-decoration:none;color:var(--navy);font-weight:600;font-size:14.5px;}
.rgrid a:hover{border-color:var(--gold);}
@media(max-width:640px){.rgrid{grid-template-columns:1fr;}}

/* ---------- Hub / listing ---------- */
.hub{padding:16px 0;}
.hub h2{font-size:21px;color:var(--navy);margin:26px 0 6px;border-bottom:2px solid var(--line);padding-bottom:6px;}
.hublist{display:grid;grid-template-columns:1fr 1fr;gap:9px 24px;list-style:none;padding:0;margin:12px 0;}
.hublist a{color:var(--navy3);text-decoration:none;font-size:15px;border-bottom:1px solid transparent;}
.hublist a:hover{border-bottom-color:var(--gold);}
@media(max-width:640px){.hublist{grid-template-columns:1fr;}}

/* ---------- Footer ---------- */
footer.site{background:var(--navy2);color:#d8c3ca;padding:34px 0;font-size:14px;margin-top:22px;border-top:3px solid var(--gold);}
footer.site a{color:var(--gold);}
footer.site .fcols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px;}
footer.site h4{color:#fff;font-size:13px;letter-spacing:.05em;text-transform:uppercase;margin:0 0 10px;}
footer.site ul{list-style:none;padding:0;margin:0;}
footer.site li{margin:6px 0;}
footer.site .disc{font-size:12px;color:#7f92a6;margin-top:18px;border-top:1px solid #4a2530;padding-top:14px;}
@media(max-width:640px){.fcols{grid-template-columns:1fr;} .hero h1{font-size:29px;} .btn-out{margin-left:0;margin-top:10px;}}
