/* ../resource-pack.css */
/* Loaded only on /resources/; no fonts, libraries or remote assets. */
.resource-page [hidden]{display:none!important}
.pack-main{max-width:1240px}
.pack-hero{padding:12px 0 35px;border-bottom:1px solid #cfc8bc}
.pack-hero h1{max-width:960px;font-size:clamp(42px,6.5vw,82px)}
.pack-hero .lede{max-width:730px}
.pack-hero .hero-actions{margin:28px 0}
.pack-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:#514b43}
.pack-intro{max-width:730px;margin-bottom:30px}
.pack-preview{margin:0 0 32px;max-width:900px}.pack-preview img{display:block;width:100%;height:auto;border:1px solid #c9c1b4;border-radius:16px}.pack-preview figcaption{font-size:13px;color:#514b43;margin-top:10px}
.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pack-tool{display:flex;flex-direction:column;min-width:0;padding:28px 24px;background:#faf7f1;border:1px solid #c9c1b4;border-radius:16px}
.tool-number{font-size:12px;font-weight:700;color:#655642;letter-spacing:.12em}
.pack-tool h3{font-size:25px;letter-spacing:-.035em;margin:18px 0 12px}
.pack-tool p{font-size:15px;line-height:1.6;margin:0 0 16px}
.tool-audience{color:#514b43}
.tool-format{margin-top:auto;padding-top:14px;border-top:1px solid #d6cec2;font-size:11px;font-weight:700;letter-spacing:.035em;text-transform:uppercase}
.pack-gate{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;background:#e8dfd1;padding:40px;border-radius:20px;margin-top:64px;scroll-margin-top:24px}
.pack-gate h2{font-size:clamp(32px,4vw,48px);margin:16px 0}
.pack-gate .small{font-size:13px;line-height:1.6}
.pack-steps{padding-left:24px;margin:25px 0}
.pack-steps li{padding:5px 0}
.pack-form-panel{min-width:0;padding:28px;background:#faf7f1;border:1px solid #c9c1b4;border-radius:14px;align-self:start}
.pack-form-panel fieldset{padding:0;border:0;margin:0;min-width:0}
.pack-form-panel legend{font-size:20px;font-weight:700;margin-bottom:20px}
.pack-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pack-field-wide{grid-column:1/-1}
.pack-form-panel label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
.pack-form-panel input{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:46px;border:1px solid #a99d8b;border-radius:6px;padding:10px 12px;font:16px/1.4 Arial,sans-serif;background:#fffdf9;color:#201d19}
.pack-form-panel input:focus-visible{outline:3px solid #6843bf;outline-offset:2px}
.field-hint{display:block;font-size:12px;line-height:1.5;margin-top:5px;color:#514b43}
.pack-form-panel .pill{margin-top:22px;max-width:100%;white-space:normal;text-align:center}
.pack-form-panel button:disabled{opacity:.6;cursor:wait}
.pack-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.pack-text-button{display:inline-block;background:none;color:#201d19;border:0;padding:4px 0;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#resource-restart{display:block;margin-top:14px;font-size:13px}
#resource-code{max-width:230px;letter-spacing:.3em;font-size:22px}
#resource-message{font-size:14px;line-height:1.6;margin-bottom:0;overflow-wrap:anywhere}
#resource-message:empty{display:none}
.pack-faq,.pack-planning,.pack-privacy{max-width:920px}
.pack-planning details{scroll-margin-top:25px}
.pack-planning details>p,.pack-planning details>ol,.pack-planning details>ul{font-size:15px}
.pack-privacy{border-top:1px solid #cfc8bc;margin-top:48px}
.pack-privacy p{font-size:15px}
@media(max-width:900px){.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-gate{gap:26px;padding:28px}.pack-fields{grid-template-columns:minmax(0,1fr)}.pack-form-panel{padding:22px}}
@media(max-width:600px){.pack-grid{grid-template-columns:minmax(0,1fr)}.pack-gate{grid-template-columns:minmax(0,1fr);padding:22px 16px;margin-top:40px}.pack-tool{padding:24px}.pack-form-panel{padding:20px 16px}.pack-hero{padding-top:0}.pack-hero .hero-actions{gap:20px}.pack-meta{gap:6px 12px}.pack-main .breadcrumbs{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){.resource-page{scroll-behavior:auto}}

/* ../guides.css */
/* Guide cards (resources hub + guide pages). Matches services.css palette. */
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.guide-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:24px;background:#faf7f1;border:1px solid #c9c1b4;border-radius:16px;text-decoration:none;color:#201d19;transition:border-color .2s,transform .2s,box-shadow .2s}
.guide-card:hover,.guide-card:focus-visible{border-color:#201d19;transform:translateY(-2px);box-shadow:0 10px 26px rgba(32,29,25,.08)}
.guide-topic{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#655642}
.guide-card strong{font-size:23px;line-height:1.15;letter-spacing:-.03em}
.guide-blurb{font-size:15px;line-height:1.55;color:#514b43}
.guide-meta{margin-top:auto;padding-top:12px;border-top:1px solid #d6cec2;font-size:13px;font-weight:700}
.guides-hub{padding-bottom:12px}
.read-time{font-weight:400;letter-spacing:.04em;opacity:.75}
.pack-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#e8dfd1;border-radius:20px;padding:32px;margin:56px 0 0}
.pack-cta h2{margin:6px 0 8px;font-size:clamp(26px,3vw,36px)}
.pack-cta p:last-child{margin:0;max-width:560px}
.pack-cta .pill{flex:none}
.more-guides{margin-top:56px}
.more-guides h2{font-size:clamp(26px,3vw,36px)}
.service-main h3{font-size:21px;margin:30px 0 8px;letter-spacing:-.02em}
@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.guide-grid{grid-template-columns:minmax(0,1fr)}.pack-cta{flex-direction:column;align-items:flex-start;padding:24px}}
@media(prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}
