@font-face{font-family:'Fredoka';font-weight:300 700;font-display:swap;src:url(fonts/fredoka-latin.woff2) format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fredoka';font-weight:300 700;font-display:swap;src:url(fonts/fredoka-latin-ext.woff2) format('woff2');
    unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cherry Bomb One';font-weight:400;font-display:swap;src:url(fonts/cherry-bomb-one-title.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-weight:200 1000;font-display:swap;src:url(fonts/nunito-sans-latin.woff2) format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito Sans';font-weight:200 1000;font-display:swap;src:url(fonts/nunito-sans-latin-ext.woff2) format('woff2');
    unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--ink:#34241c;--muted:#716358;--paper:#fffcf7;--accent:#c08243;--green:#3f6451;--line:#e9dfd1}
*{box-sizing:border-box}
body{margin:0;background:#f3ede4;color:var(--ink);font-family:'Nunito Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
a:focus-visible{outline:3px solid #bd7935;outline-offset:5px}
.skip-link{position:absolute;left:20px;top:-80px;z-index:5;padding:12px;background:white}
.skip-link:focus{top:12px}
.site-header{background:#2b1a12;color:#fbf3e6;border-bottom:1px solid #65452c}
.header-inner{max-width:1120px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{text-decoration:none;display:grid;gap:4px}
.brand strong{font-family:'Cherry Bomb One','Fredoka',sans-serif;font-weight:400;font-size:30px;line-height:1.1}
.brand small{color:#d9c3a8;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.header-nav{display:flex;gap:8px;flex-wrap:wrap}
.header-nav a{text-decoration:none;color:#ddc6ac;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:700}
.header-nav a:hover,.header-nav a[aria-current=page]{background:#493022;color:#fff3e0}
main{max-width:1056px;margin:auto;padding:28px 32px 64px}
.breadcrumb{color:var(--muted);font-size:13px;margin-bottom:32px;display:flex;flex-wrap:wrap;gap:10px}
.breadcrumb a{text-decoration:none}
.page-intro{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;margin-bottom:30px}
.eyebrow{color:#79512e;letter-spacing:.17em;text-transform:uppercase;font-size:11px;font-weight:900;margin:0 0 12px}
h1{font-family:'Fredoka',sans-serif;font-weight:500;letter-spacing:-.025em;font-size:clamp(34px,5vw,54px);line-height:1.08;margin:0 0 14px}
.description{color:var(--muted);font-size:17px;line-height:1.65;max-width:620px;margin:0}
.page-number{font-family:'Fredoka',sans-serif;font-size:76px;color:#d9c7b2;font-weight:400;line-height:1}
.document{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:4px 4px 18px 18px;padding:44px 52px;box-shadow:0 16px 50px #39281a08}
.document p{font-size:17px;line-height:1.85;margin:0 0 20px}
.document .opening{font-size:20px;font-weight:700;line-height:1.65}
.commitments{list-style:none;counter-reset:commitment;padding:0;margin:28px 0}
.commitments li{counter-increment:commitment;position:relative;padding:19px 0 19px 52px;border-bottom:1px solid var(--line);font-size:16px;line-height:1.8;break-inside:avoid}
.commitments li:first-child{border-top:1px solid var(--line)}
.commitments li:before{content:counter(commitment,decimal-leading-zero);position:absolute;left:0;top:22px;color:#956638;font-size:12px;font-weight:900;letter-spacing:.04em}
.signature{margin-top:34px;padding-top:8px;display:flex;align-items:center;gap:14px}
.signature:before{content:'';width:30px;height:2px;background:var(--accent)}
.signature p{margin:0;font-size:12px;font-weight:900;letter-spacing:.12em}
.related{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:28px}
.related a{font-size:14px;font-weight:800;text-decoration:none;padding:12px 0}
.related a:last-child{padding:14px 20px;background:#2b1a12;color:#fff3e0;border-radius:10px}
footer{text-align:center;padding:24px;color:var(--muted);font-size:12px;border-top:1px solid #dfd4c5}
.halal{--accent:#4f765d}
.halal .eyebrow,.halal .commitments li:before{color:var(--green)}
@media(max-width:640px){.header-inner{padding:20px;align-items:flex-start;flex-direction:column;gap:20px}.brand strong{font-size:27px}.header-nav{gap:4px;width:100%}.header-nav a{padding:10px;font-size:13px}.header-nav a:first-child{padding-left:0}main{padding:22px 18px 40px}.breadcrumb{margin-bottom:28px;font-size:12px}.page-intro{gap:12px}.page-number{font-size:48px}.description{font-size:15px}.document{padding:28px 22px}.document p{font-size:16px}.document .opening{font-size:18px}.commitments li{font-size:15px;padding-left:36px}.signature p{font-size:10px}.related{gap:12px;align-items:flex-start;flex-direction:column}.related a:last-child{width:100%;text-align:center}}
@media print{body{background:white}.site-header,.breadcrumb,.related,.skip-link,footer,.page-number{display:none}main{padding:0;max-width:none}.page-intro{display:block;margin-bottom:24px}h1{font-size:28px}.description{font-size:13px}.document{border:0;box-shadow:none;padding:0}.document p,.commitments li{font-size:11pt}.commitments li{padding-top:10px;padding-bottom:10px}.commitments li:before{top:12px}.signature{break-inside:avoid}}
