/* Iris Tutoring Blog — shared styles */
:root{--navy:#1A4731;--navy-mid:#2D6E49;--gold:#B8903C;--gold-lt:#F4EDD8;--white:#fff;--warm:#F9F8F5;--grey-lt:#F1F0EC;--grey-mid:#E2E0DB;--text-dark:#1A4731;--text-body:#374151;--text-muted:#556070;--r-md:10px;--r-lg:18px;--sh-md:0 6px 24px rgba(26,71,49,.09);--max:760px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.75;color:var(--text-body);background:var(--white);-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='460' height='320'%3E%3Ctext x='230' y='160' transform='rotate(-30 230 160)' fill='%231A4731' fill-opacity='0.055' font-family='Arial, sans-serif' font-size='26' font-weight='700' letter-spacing='3' text-anchor='middle'%3EIRIS TUTORING CENTRE%3C/text%3E%3C/svg%3E");background-repeat:repeat}
h1,h2{font-family:'Playfair Display',serif;color:var(--text-dark);line-height:1.25}
h3{font-family:'DM Sans',sans-serif;color:var(--text-dark);line-height:1.3}
a{color:var(--navy)}
.bnav{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--grey-mid);z-index:50}
.bnav-wrap{max-width:1140px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.bnav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.bnav-logo img{width:44px;height:44px}
.bnav-logo .ln{font-family:'Playfair Display',serif;font-weight:700;font-size:1.15rem;color:var(--navy);line-height:1.1}
.bnav-logo .ls{display:block;font-family:'DM Sans',sans-serif;font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.bnav-links{display:flex;align-items:center;gap:18px}
.bnav-links a{font-size:.88rem;font-weight:600;text-decoration:none;color:var(--text-muted)}
.bnav-links a:hover{color:var(--navy)}
.bnav-cta{background:var(--navy);color:#fff !important;padding:9px 18px;border-radius:100px;font-size:.84rem !important;white-space:nowrap}
.bnav-cta:hover{background:var(--navy-mid)}
.bnav-cta.gold{background:var(--gold)}
.bnav-cta.gold:hover{background:#9e7a30}
.bhero{background:linear-gradient(135deg,#0F2C1E 0%,#1A4731 60%,#23583A 100%);color:#fff;padding:64px 24px 56px;text-align:center}
.bhero .crumb{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#D8C58E;font-weight:700;margin-bottom:14px}
.bhero h1{color:#fff;font-size:clamp(1.7rem,4vw,2.6rem);max-width:820px;margin:0 auto}
.bhero .meta{margin-top:16px;font-size:.85rem;color:rgba(255,255,255,.75)}
article{max-width:var(--max);margin:0 auto;padding:48px 24px 24px}
article p{margin-bottom:18px}
article h2{font-size:1.5rem;margin:38px 0 14px}
article h3{font-size:1.12rem;margin:28px 0 10px}
article ul,article ol{margin:0 0 18px 24px}
article li{margin-bottom:8px}
.lead{font-size:1.13rem;color:var(--text-dark)}
.callout{background:var(--gold-lt);border-left:4px solid var(--gold);border-radius:0 var(--r-md) var(--r-md) 0;padding:18px 22px;margin:26px 0;font-size:.97rem}
.callout strong{color:var(--navy)}
.tipbox{background:var(--warm);border:1px solid var(--grey-mid);border-radius:var(--r-lg);padding:22px 26px;margin:26px 0}
.tipbox h3{margin-top:0}
.cta-band{background:linear-gradient(135deg,#0F2C1E,#1A4731);border-radius:var(--r-lg);padding:36px 32px;margin:48px auto;max-width:var(--max);color:#fff;text-align:center}
.cta-band h2{color:#fff;font-size:1.45rem;margin-bottom:10px}
.cta-band p{color:rgba(255,255,255,.85);max-width:540px;margin:0 auto 22px;font-size:.97rem}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:13px 26px;border-radius:100px;font-weight:700;font-size:.92rem;text-decoration:none;transition:all .2s}
.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:#9e7a30}
.btn-line{border:1.5px solid rgba(255,255,255,.5);color:#fff}.btn-line:hover{background:rgba(255,255,255,.12)}
.bfooter{border-top:1px solid var(--grey-mid);margin-top:40px;padding:28px 24px;text-align:center;font-size:.84rem;color:var(--text-muted)}
.bfooter a{color:var(--navy);font-weight:600}
/* blog index cards */
.bgrid{max-width:1000px;margin:0 auto;padding:48px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.bcard{background:var(--white);border:1px solid var(--grey-mid);border-radius:var(--r-lg);padding:28px;box-shadow:var(--sh-md);display:flex;flex-direction:column;transition:transform .2s}
.bcard:hover{transform:translateY(-3px)}
.bcard .tag{display:inline-block;background:var(--gold-lt);color:var(--gold);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:100px;padding:4px 12px;margin-bottom:14px;align-self:flex-start}
.bcard h2{font-size:1.25rem;margin-bottom:10px}
.bcard p{font-size:.92rem;color:var(--text-muted);flex:1}
.bcard a.read{margin-top:16px;font-weight:700;font-size:.9rem;text-decoration:none;color:var(--navy)}
.bcard a.read:hover{color:var(--gold)}
@media(max-width:640px){.bnav-links a:not(.bnav-cta){display:none}}
/* deter text copying */
article,.bhero,.bgrid,.cta-band{-webkit-user-select:none;-moz-user-select:none;user-select:none}
article a,.bcard a{ -webkit-user-drag:none }