@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700;800&family=Poppins:wght@500;600;700;800&display=swap');
:root{--ink:#231f20;--orange:#FBA41B;--teal:#006EB5;--line:#dbe3e5}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:'Nunito Sans',Arial,sans-serif;font-size:16px}button,input,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #176572;outline-offset:5px}header{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:16px 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.05em;font-weight:700;line-height:1.25}.brand img{display:block;object-fit:contain;width:72px;height:72px}nav a{font-size:16px;font-weight:600;display:flex;gap:24px;padding:12px 0}nav a:hover{color:#176572}main{max-width:1440px;margin:auto;padding:0 5%}.intro{display:grid;grid-template-columns:1.4fr 1fr;gap:8%;align-items:center;padding:70px 0 64px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:700;margin:0 0 20px}h1,h2,h3{font-family:'Poppins',Arial,sans-serif}h1{font-size:clamp(48px,5.5vw,78px);letter-spacing:-.06em;line-height:1.03;font-weight:600;margin:0 0 22px}.lede{font-size:18px;color:#53676c;line-height:1.6;margin:0 0 28px}.button{display:inline-flex;justify-content:space-between;gap:48px;align-items:center;font-size:16px;font-weight:700;padding:16px 21px;border-radius:5px}.primary{background:var(--ink);color:white}.primary:hover{background:#2c4c54}.start{background:var(--orange);border-radius:8px;padding:32px}.start h2{font-size:clamp(30px,3vw,42px);line-height:1.15;letter-spacing:-.045em;margin:35px 0 38px}.startlink{border:0;border-top:1px solid #a7542480;background:none;display:flex;justify-content:space-between;gap:15px;width:100%;padding:22px 0 0;font-size:16px;text-align:left;font-weight:700}.startlink:hover{text-decoration:underline}.path{border-top:1px solid var(--line);padding:40px 0 64px}.pathintro h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-.045em;margin:0 0 30px}.pathintro h2 span,.sectionhead h1 span{color:#147c8b}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps>a,.steps>button{position:relative;display:block;min-height:228px;padding:24px;text-align:left;border:1px solid var(--line);border-radius:7px;background:#fff;transition:transform .15s}.steps>a:first-child{background:var(--teal);border-color:var(--teal)}.steps>a:nth-child(2){background:#ecf8fa}.steps>a:nth-child(3){background:#fff2e9}.steps>a:hover,.steps>button:hover{transform:translateY(-4px);border-color:var(--ink)}.stepnumber{font-size:14px;font-weight:700}.steps h3{font-size:28px;letter-spacing:-.04em;margin:28px 0 8px}.steps p{font-size:14px;margin:0;line-height:1.5}.stepend{display:block;text-align:right;font-size:24px;margin-top:17px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:28px 0;font-size:12px;letter-spacing:.08em;font-weight:600;color:#53676c}#library{padding:35px 0 60px;min-height:75vh}.back{font-size:14px;color:#53676c}.back:hover{text-decoration:underline}.sectionhead{margin:40px 0 30px}.sectionhead h1{font-size:clamp(36px,4.5vw,58px);margin:0}.sectionhead .eyebrow{margin-bottom:15px}.filters{display:flex;gap:16px;align-items:end}.filters label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}.search{flex:1}input,select{font-size:16px;height:48px;padding:12px;border-radius:5px;background:white;border:1px solid #bdcdd0;width:100%}select{min-width:165px}#reset{border:0;background:none;text-decoration:underline;height:48px;font-size:14px}#count{font-size:14px;color:#53676c;margin:24px 0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-top:5px solid var(--teal);border-radius:6px;display:flex}.card.template{border-top-color:var(--orange)}.card.recipe{border-top-color:var(--ink)}.cardbody{padding:24px;display:flex;flex-direction:column;flex:1}.meta{display:flex;justify-content:space-between;gap:14px;color:#53676c;font-size:12px}.meta span:first-child{color:var(--ink);font-weight:700}.card h2{font-size:24px;line-height:1.15;letter-spacing:-.035em;margin:24px 0 12px}.card p{font-size:16px;color:#53676c;line-height:1.5;margin:0 0 24px}.card button{display:flex;justify-content:space-between;gap:14px;text-align:left;border:0;border-top:1px solid var(--line);background:none;font-size:14px;font-weight:700;margin-top:auto;padding:18px 0 0}.card button:hover{color:#176572}.empty{border:1px dashed var(--line);padding:30px}dialog{border:1px solid var(--line);border-radius:10px;padding:30px;max-width:620px;width:calc(100% - 32px);max-height:85vh;color:var(--ink)}dialog::backdrop{background:#231f2099}.dialogtop{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialogtop .eyebrow{margin:0}.dialogtop button{border:0;border-radius:50%;background:#ecf8fa;width:40px;height:40px;flex-shrink:0}dialog h2{font-size:30px;letter-spacing:-.04em;line-height:1.15}dialog p,dialog li{line-height:1.65}dialog li{margin:10px 0}dialog a{color:#126d7c;text-decoration:underline}.note{background:#ecf8fa;padding:14px;border-radius:5px;font-size:14px}.quicktasks{list-style:none;padding:0}.quicktasks li{border-top:1px solid var(--line);padding:18px 0;margin:0}.quicktasks button{display:flex;justify-content:space-between;width:100%;background:none;border:0;padding:0;text-align:left;font-size:18px;font-weight:700}.quicktasks button:hover{color:#126d7c}.quicktasks p{font-size:14px;color:#53676c;margin:6px 0 0}.skip{position:absolute;top:-100px}.skip:focus{top:8px;left:8px;background:white;padding:12px;z-index:5}@media(max-width:950px){.intro{gap:30px}.steps{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.filters{flex-wrap:wrap}.search{flex-basis:100%}}@media(max-width:600px){header{padding:12px 6%}.brand{font-size:12px;gap:7px}.brand img{width:58px;height:58px}nav a{font-size:14px;gap:12px}main{padding:0 6%}.intro{grid-template-columns:1fr;padding:40px 0;gap:32px}h1{font-size:52px}.lede{font-size:16px}.start{padding:26px}.start h2{font-size:31px;margin:22px 0 27px}.start h2 br{display:none}.startlink{font-size:14px}.steps{gap:12px}.steps>a,.steps>button{padding:18px;min-height:208px}.steps h3{font-size:24px}.steps p{font-size:14px}.path{padding:30px 0 40px}.pathintro h2{font-size:32px}.filters label:not(.search){flex:1;min-width:130px}select{min-width:0}.grid{grid-template-columns:1fr}footer{font-size:10px}dialog{padding:22px}}@media(prefers-reduced-motion:reduce){.steps>a,.steps>button{transition:none}}

.filters{flex-wrap:wrap}.filters .search{min-width:220px}.libraryhint{color:#53676c;font-size:14px;line-height:1.5;margin:20px 0 0}.availability{font-size:12px;color:#694020;background:#fff2e9;padding:6px 9px;border-radius:4px;align-self:flex-start;margin:0 0 18px}.brandpreview{text-align:center;background:#f4f8f8;border-radius:6px;padding:10px}.download{display:inline-block;font-weight:700}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.swatches i{display:block;height:44px;border:1px solid #c7d2d4;border-radius:4px;margin-bottom:8px}.swatches code{font-size:12px}.inlineaction{border:0;background:transparent;color:#126d7c;font-weight:700;text-decoration:underline;padding:6px 0;text-align:left}.handoff{border-top:1px solid var(--line);margin-top:25px;padding-top:10px}.card.asset{border-top-color:var(--orange)}@media(max-width:600px){.filters>label{flex:1;min-width:140px}.swatches{grid-template-columns:repeat(2,1fr)}}

nav{display:flex;align-items:center;gap:24px}.navbrand{border:0;background:transparent;font-size:14px;font-weight:600;padding:12px 0}.navbrand:hover{color:#176572}.brandbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ecf8fa;border:1px solid #c6e9ee;border-radius:7px;padding:20px 24px;margin:0 0 28px}.brandbar>div{display:flex;align-items:center;gap:20px}.brandbar span{font-size:14px;color:#53676c}.brandbar a,.brandbar button{font-size:14px;font-weight:700}.brandbar button{border:0;background:none;padding:8px 0}.brandbar a{text-decoration:underline}.collectionbuttons{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:24px}.collectionbuttons button{border:1px solid var(--line);background:white;padding:17px 14px;border-radius:6px;text-align:left;font-weight:700;font-size:16px}.collectionbuttons small{display:block;margin-top:6px;font-weight:400;font-size:12px}.collectionbuttons button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.collectionbuttons button:hover{border-color:var(--ink)}.filters label[hidden]{display:none}@media(max-width:700px){.brandbar,.brandbar>div{flex-wrap:wrap;gap:12px}.collectionbuttons{grid-template-columns:repeat(2,1fr)}.collectionbuttons button:first-child{grid-column:1/-1}.brandbar{padding:18px}nav{gap:14px}.navbrand{font-size:12px}}
:root{--ink:#231f20;--orange:#fba41b;--teal:#006eb5;--line:#dedbd5;--flame:#f14122}body{font-family:'Nunito Sans',Arial,sans-serif;background:#fffdf7}h1,h2,h3{font-family:'Poppins',Arial,sans-serif}header{background:#fffdf7;border-bottom:2px solid var(--ink);min-height:98px}.brand{font-weight:800;font-size:13px}.brand img{width:64px;height:64px}.intro{background:var(--ink);color:white;margin:0 -5.56%;padding:48px 5.56% 42px;gap:6%;grid-template-columns:1.35fr 1fr}.intro .eyebrow{color:var(--orange)}.intro h1{font-size:clamp(38px,4.8vw,66px);font-weight:800;letter-spacing:-.055em;line-height:1.1}.intro .lede{color:#e8e3dd;max-width:480px;font-size:18px}.button{border-radius:7px;padding:15px 22px}.primary{background:var(--orange);color:#231f20;border:2px solid #231f20;box-shadow:5px 5px 0 #fff;font-weight:800}.primary:hover{background:#ffb842}.start{background:var(--teal);color:white;border-radius:70px 12px 12px 12px;border:2px solid white;box-shadow:7px 7px 0 var(--orange);padding:30px 26px;transform:rotate(1deg)}.start .eyebrow{color:#fff}.start h2{font-size:clamp(27px,2.7vw,38px);font-weight:700;margin:22px 0 26px;letter-spacing:-.045em}.startlink{border-top-color:#ffffff6b;color:white;font-size:14px;padding-top:18px}.shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 -5.56%;background:var(--orange);padding:0 5.56%;border-bottom:2px solid var(--ink)}.shortcuts button{background:transparent;border:0;border-right:1px solid #231f2044;padding:21px 14px;font-weight:800;font-size:15px;text-align:left}.shortcuts button:last-child{border:0}.shortcuts button:hover{background:#ffffff3b}.path{padding:35px 0 45px;border-top:0}.pathintro h2{font-size:32px;font-weight:800;margin-bottom:24px}.pathintro h2 span,.sectionhead h1 span{color:#006eb5}.steps{gap:17px}.steps>a,.steps>button{min-height:198px;border:2px solid var(--ink);border-radius:10px;box-shadow:4px 4px 0 var(--ink);padding:20px}.steps>a:first-child{background:var(--orange);border-color:var(--ink)}.steps>a:nth-child(2){background:#dceefa}.steps>a:nth-child(3){background:#fff}.steps>button{background:#f3dfef}.steps h3{font-size:25px;font-weight:800;margin-top:20px}.steps p{font-size:14px}.stepend{margin-top:12px}.sectionhead h1{font-size:clamp(32px,4.4vw,54px);font-weight:800}.brandbar{background:var(--orange);border:2px solid var(--ink);border-radius:12px;box-shadow:4px 4px 0 var(--ink)}.brandbar span{color:#3e3428}.collectionbuttons{display:flex;gap:9px;flex-wrap:wrap}.collectionbuttons button{border:1px solid var(--ink);border-radius:25px;padding:12px 18px;min-width:115px;flex:1;text-align:center;font-size:14px}.collectionbuttons button[aria-pressed=true]{background:var(--ink);color:white}.collectionbuttons small{font-size:12px}.filters{padding:18px;background:#f0eee8;border-radius:12px}.filters input,.filters select{border-radius:7px;font-family:inherit}.grid{gap:20px}.card{border:2px solid var(--ink);border-top:7px solid var(--orange);border-radius:10px;box-shadow:3px 3px 0 #231f201a}.card.recipe{border-top-color:var(--teal)}.card.asset{border-top-color:#3aa480}.card.template{border-top-color:#bb4b9d}.cardbody{padding:23px}.card h2{font-size:21px;line-height:1.25;font-weight:700}.card button{color:var(--ink);font-weight:800}.card button:hover{color:#006eb5}.meta{font-size:12px}.templateformat{font-size:14px!important}.templategroups{display:flex;gap:9px;flex-wrap:wrap}.templategroups button{border:1px solid var(--ink);background:white;border-radius:22px;padding:9px 16px;font-size:14px}.templategroups button[aria-pressed=true]{background:var(--teal);color:white}#templatefilters{margin:0 0 24px}#templatefilters[hidden]{display:none}.card.template .meta span:last-child{background:#f3dfef;border-radius:15px;padding:3px 7px;font-size:11px}.navbrand{border-bottom:2px solid var(--orange)}dialog{border:2px solid var(--ink);border-radius:14px;box-shadow:8px 8px 0 var(--orange)}dialog h2{font-size:27px;font-weight:700}.note{background:#fff0d8;border-left:4px solid var(--orange);border-radius:0 8px 8px 0}.inlineaction,dialog a{color:#005a94}.brandpreview{background:#fff}.brandpreview img{object-fit:contain}.swatches{grid-template-columns:repeat(3,1fr)}.quicktasks>button{margin:6px 0}.quicktasks li button{font-size:17px}footer{border-top:2px solid var(--ink);font-size:11px;color:#4f4a4b}@media(max-width:950px){.intro{gap:28px}.brandbar>div{flex-wrap:wrap;gap:10px}.collectionbuttons button{min-width:125px}.shortcuts button{font-size:14px}}@media(max-width:600px){.intro{grid-template-columns:1fr;margin:0 -6.82%;padding:36px 6.82%;gap:32px}.intro h1{font-size:43px}.intro .lede{font-size:16px}.start{margin:0 7px 6px 0;padding:26px;border-radius:48px 10px 10px 10px;transform:none}.start h2{font-size:29px}.shortcuts{margin:0 -6.82%;padding:0 6.82%;grid-template-columns:1fr}.shortcuts button{padding:14px 0;border-right:0;border-bottom:1px solid #231f2044}.steps>a,.steps>button{padding:17px 13px;min-height:198px}.steps h3{font-size:21px}.pathintro h2{font-size:28px}.brand{font-size:10px}.brand img{width:51px;height:51px}.sectionhead h1{font-size:35px}.brandbar{padding:18px}.collectionbuttons button{flex:1 1 40%}.navbrand{font-size:12px}nav{gap:15px}.filters{padding:14px}}

.resultbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0}.resultbar #count{margin:0}.viewtoggle{display:flex;gap:4px;border:1px solid var(--ink);padding:4px;border-radius:25px}.viewtoggle button{border:0;background:transparent;border-radius:22px;padding:8px 16px;font-size:14px;font-weight:700}.viewtoggle button[aria-pressed=true]{background:var(--ink);color:white}.tablewrap{overflow-x:auto;border:2px solid var(--ink);border-radius:10px;background:white}.tablewrap table{width:100%;border-collapse:collapse;text-align:left;min-width:680px}.tablewrap th,.tablewrap td{padding:17px 16px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}.tablewrap thead{background:#f0eee8}.tablewrap th[scope=row]{width:42%}.tablewrap th span{display:block;font-weight:400;color:#53676c;margin-top:6px}.tablewrap button{border:0;background:none;text-align:left;font-weight:700;color:#005a94;padding:0;font-size:14px}.tablewrap th button{color:var(--ink);font-size:16px}.tablewrap tr:last-child td,.tablewrap tr:last-child th{border-bottom:0}.tablewrap button:hover{text-decoration:underline}.grid[hidden],.tablewrap[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.resourcepart{border-top:1px solid var(--line);padding-top:12px;margin-top:20px}.resourcepart h3{font-size:17px;margin:8px 0}.resourcepart small{color:#53676c;font-size:12px}.availability{margin-bottom:18px}.start h2{line-height:1.2}

/* BYO visual direction */
:root{--ink:#130d0d;--orange:#ffa31a;--teal:#f14122;--line:#d8d1c9;--flame:#f14122}
body{background:#fff;color:var(--ink)}header{background:#fff;border-bottom:3px solid var(--ink)}.navbrand{border-bottom:3px solid var(--flame)}.navbrand:hover,nav a:hover{color:var(--flame)}
.intro{background:var(--orange);color:var(--ink);border-bottom:3px solid var(--ink);padding-top:48px;padding-bottom:48px;grid-template-columns:1.05fr .95fr}.intro .eyebrow{color:var(--ink)}.intro h1{font-size:clamp(54px,6.7vw,100px);line-height:.96;letter-spacing:-.075em;max-width:680px}.intro .lede{color:var(--ink);font-weight:700;font-size:clamp(18px,1.5vw,21px);line-height:1.45}.primary{background:var(--ink);color:#fff;box-shadow:6px 6px 0 #fff;border:2px solid var(--ink);border-radius:0}.primary:hover{background:var(--flame)}
.start{min-width:0;background:var(--ink);color:#fff;border:3px solid var(--ink);border-radius:0;box-shadow:10px 10px 0 var(--flame);padding:12px;transform:rotate(1deg)}.hero-art{display:flex;align-items:center;justify-content:center;overflow:hidden;height:clamp(215px,23vw,335px);background:#fff}.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.34)}.start-content{padding:19px 18px 11px}.start .eyebrow{color:var(--orange);margin-bottom:9px}.start h2{font-size:clamp(26px,2.6vw,38px);margin:0 0 18px}.startlink{border-top:1px solid #ffffff70;color:#fff;font-size:15px;padding-top:16px}
.path{padding:52px 0 72px}.pathintro h2{font-size:clamp(34px,3.4vw,50px)}.pathintro h2 span,.sectionhead h1 span{color:var(--flame)}.steps>a,.steps>button{border-radius:0;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);min-height:218px;transition:transform .16s,box-shadow .16s}.steps>a:first-child{background:var(--flame);color:#fff}.steps>a:nth-child(2){background:#fff8e9}.steps>a:nth-child(3){background:var(--orange)}.steps>button{background:var(--ink);color:#fff}.steps>a:hover,.steps>button:hover{transform:translate(-2px,-3px);box-shadow:7px 8px 0 var(--ink)}footer{border-top:3px solid var(--ink);color:var(--ink)}
.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);color:#fff;margin:26px -5.56% 30px;padding:24px 5.56%;min-height:210px;overflow:hidden}.sectionhead .eyebrow{color:var(--orange)}.sectionhead h1{font-size:clamp(39px,4.8vw,70px);max-width:780px}.byo-stamp{width:clamp(145px,19vw,250px);height:clamp(145px,19vw,250px);object-fit:cover;transform:rotate(4deg);border:3px solid #fff;box-shadow:7px 7px 0 var(--flame);flex:none}.brandbar{background:var(--orange);border:2px solid var(--ink);border-radius:0;box-shadow:none}.brandbar span{color:var(--ink)}.collectionbuttons button,.templategroups button{border:2px solid var(--ink);border-radius:0}.collectionbuttons button[aria-pressed=true],.templategroups button[aria-pressed=true]{background:var(--ink)}.filters{background:#fff8e9;border:2px solid var(--ink);border-radius:0}.filters input,.filters select{border:2px solid var(--ink);border-radius:0}.viewtoggle{border-radius:0;border:2px solid var(--ink)}.viewtoggle button{border-radius:0}
.card{border:2px solid var(--ink);border-top:8px solid var(--flame);border-radius:0;box-shadow:4px 4px 0 #130d0d1a}.card.template{border-top-color:var(--orange)}.card.recipe{border-top-color:var(--ink)}.card.asset{border-top-color:#167a76}.card h2{font-size:clamp(22px,2vw,27px)}.card button:hover{color:var(--flame)}.meta span:first-child{color:var(--flame)}.availability,.note{background:#fff8e9}.tablewrap{border-radius:0}.tablewrap thead{background:var(--orange)}dialog{border:3px solid var(--ink);border-radius:0;box-shadow:9px 9px 0 var(--orange)}dialog::backdrop{background:#130d0db3}.dialogtop .eyebrow{color:var(--flame)}.dialogtop button{border:2px solid var(--ink);border-radius:0;background:#fff}.note{border-left:5px solid var(--orange);border-radius:0}
@media(max-width:950px){.intro h1{font-size:clamp(48px,6vw,72px)}.hero-art{height:230px}}@media(max-width:600px){.intro{grid-template-columns:1fr;padding-top:34px;padding-bottom:40px;gap:30px}.intro h1{font-size:clamp(49px,12vw,72px)}.intro .lede{font-size:17px}.start{transform:none;box-shadow:6px 6px 0 var(--flame)}.hero-art{height:230px}.start-content{padding:17px 12px 10px}.start h2{font-size:29px}.path{padding:40px 0 53px}.sectionhead{margin:25px -6.82% 23px;padding:26px 6.82%;min-height:170px}.sectionhead h1{font-size:clamp(36px,8vw,52px)}.byo-stamp{width:112px;height:112px;box-shadow:4px 4px 0 var(--flame)}.steps>a,.steps>button{min-height:185px}.brandbar{padding:17px}.filters{padding:14px}}@media(max-width:420px){.brand span{display:none}.byo-stamp{width:88px;height:88px}.sectionhead h1{font-size:36px}.hero-art{height:205px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.steps>a,.steps>button{transition:none}}
/* Compact, clickable resource cards. */
.card{position:relative}.card .cardopen:after{content:'';position:absolute;inset:0;border-radius:inherit}.card:focus-within{outline:3px solid #176572;outline-offset:4px}.card .cardopen:focus-visible{outline:none}.card .cardopen{min-height:44px}.card h2{font-size:23px;line-height:1.2}.card p{line-height:1.5}.card .meta{font-size:14px}.card:hover{border-color:var(--ink)}
/* Consistent resource-type colors, independent of filtering. */
.grid .card.template{border-top-color:#FFA31A}.grid .card.recipe{border-top-color:#F14122}.grid .card.guide,.grid .card.asset,.grid .card.checklist{border-top-color:#130D0D}.grid .card:hover{border-top-color:var(--resource-color,#130D0D)}.grid .card.template{--resource-color:#FFA31A}.grid .card.recipe{--resource-color:#F14122}

/* BYO palette and accessible event handoff resources. */
:root{--orange:#FBA41B}
.grid .card.template{border-top-color:#FBA41B;--resource-color:#FBA41B}
.hero-art{height:auto;overflow:visible}.hero-art img{width:100%;height:auto;object-fit:contain;transform:none}
.byo-stamp{height:auto;object-fit:contain}.brandpreview img{max-width:100%;height:auto;object-fit:contain}
.swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.swatch-copy{padding:10px;border:1px solid #756c66;background:white;text-align:left;min-height:100px}
.swatch-copy i{height:44px}.swatch-copy code{font-size:14px;user-select:all}.swatch-copy span{display:block;font-size:13px;margin-top:6px}
#copy-status{font-size:14px;min-height:24px;margin:8px 0}
.resource-link{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;font-weight:700}
.unavailable{min-height:44px;padding:10px 16px;border:1px solid #756c66;background:#f0eee8;color:#514942;cursor:not-allowed}
.dialogtop button,.viewtoggle button,.tablewrap button,.navbrand{min-height:44px}.dialogtop button{min-width:44px}
.meta span:first-child,.dialogtop .eyebrow{color:#9d2b14}.steps>a:first-child{color:#130d0d}
dialog code{overflow-wrap:anywhere}dialog ol{padding-left:24px}dialog ul{padding-left:21px}
@media(max-width:600px){.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{height:auto}.filters .search{min-width:0}.intro h1{overflow-wrap:normal}.start{min-width:0}}
.primary:hover{color:#130d0d}.card.template .meta span:last-child{background:none;padding:0;font-size:inherit;border-radius:0}
@media(max-width:380px){.steps{grid-template-columns:1fr}.collectionbuttons button{min-width:0;flex-basis:100%}}
/* Field workflow cleanup: preserve the BYO visual system. */
.intro h1{font-size:clamp(38px,4.4vw,64px);line-height:1.06;letter-spacing:-.045em}
.main-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.main-actions .button{gap:12px;text-align:left;min-height:48px}.secondary{background:white;color:var(--ink);border:2px solid var(--ink)}.browse-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;font-weight:700}
.steps>a:last-child{background:var(--ink);color:white}.steps>a:nth-child(2){background:#fff8e9}.steps>a:nth-child(3){background:var(--orange)}
#library{padding-top:20px}.sectionhead{min-height:0;margin-top:16px;margin-bottom:20px;padding-top:18px;padding-bottom:18px}.sectionhead h1{font-size:clamp(30px,4vw,46px)}.sectionhead .eyebrow{margin-bottom:8px}
.library-search{display:block;font-weight:700}.library-search input{margin-top:6px}.more-filters{margin-top:12px}.more-filters summary,.organizers summary{min-height:44px;padding:12px 0;font-weight:700;cursor:pointer}.more-filters .collectionbuttons{margin:10px 0}.more-filters .filters{padding:12px}.more-filters .filters label{flex:1}.libraryhint{margin-top:12px}.resultbar{margin:16px 0}
.card .cardopen{display:flex;align-items:center;min-height:44px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-weight:800;font-size:14px}.card .cardopen:hover{text-decoration:underline}.tablewrap a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline}
.utility{min-height:44px;padding:10px 14px;border:2px solid var(--ink);background:#fff;font-weight:700}.utility:hover{background:#fff8e9}.organizers{margin-top:28px;border-top:2px solid var(--ink);padding-top:10px}.organizer-card{padding:18px;border:1px solid var(--line)}.organizer-card h3{margin-top:0}.organizer-card p{line-height:1.5}.unavailable{cursor:not-allowed}.event-notes pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:15px;line-height:1.7;background:#fff8e9;padding:16px;user-select:text}.event-notes,.guide-sharing{border-top:1px solid var(--line);margin-top:22px;padding-top:12px}.guide-sharing label{font-size:14px}.guide-sharing input{font-size:14px;margin-top:6px}.dialogtop{position:sticky;top:-30px;background:white;z-index:2;padding:10px 0;border-bottom:1px solid var(--line)}dialog{overscroll-behavior:contain}dialog a:focus-visible,dialog button:focus-visible{outline:3px solid #006EB5;outline-offset:3px}.card .cardopen:focus-visible{outline:3px solid #006EB5;outline-offset:3px}
@media(max-width:700px){.filter-content .collectionbuttons{display:grid;grid-template-columns:1fr 1fr}.filter-content .collectionbuttons button{min-width:0}.more-filters .filters{display:flex;flex-wrap:wrap}.main-actions{align-items:stretch;flex-direction:column}.main-actions .button{width:100%}.dialogtop{top:-22px}.steps h3{overflow-wrap:normal}.libraryhint{font-size:13px}.sectionhead{margin-bottom:16px}}
.dialogtop{top:0}dialog{scroll-padding-top:72px}.guide-sharing input{max-width:100%}.organizer-card{min-width:0}@media(max-width:700px){.dialogtop{top:0}.hero-art{height:auto}.intro h1{font-size:clamp(36px,9vw,54px)}.main-actions .button{box-shadow:none}}
/* A quieter field guide layout. */
.intro{padding-top:42px;padding-bottom:42px;gap:5%;grid-template-columns:1.2fr .8fr}.intro h1{font-size:clamp(44px,5.5vw,76px);line-height:1.04;max-width:680px}.intro .lede{font-weight:500;max-width:470px}.main-actions{gap:12px}.main-actions .button{min-height:52px;padding:14px 18px;border:2px solid var(--ink);border-radius:6px;font-size:16px;font-weight:700;box-shadow:none;justify-content:center}.primary{background:var(--ink);color:white}.secondary{background:transparent;color:var(--ink)}.start{padding:0;background:transparent;border:0;box-shadow:none;transform:none;margin:0}.hero-art{background:transparent;aspect-ratio:1.42;overflow:hidden}.hero-art img{width:100%;height:auto;object-fit:contain;transform:none}.hero-art{aspect-ratio:auto}.hero-art img{margin:-15% 0;clip-path:inset(15% 0)}
.library-heading h1{font-size:clamp(32px,4vw,48px);margin:20px 0}.library-search{max-width:720px}.resource-group{margin-top:26px}.resource-group>h2{font-size:22px;margin:0 0 14px}.card h2{margin:0 0 10px;font-size:22px}.cardbody{padding:20px}.card p{margin-bottom:16px}.card{box-shadow:none;border-top-width:5px}.organizers{margin-top:28px}.templates summary,.support summary{padding:12px 0;min-height:44px;font-weight:700;cursor:pointer}.templates{margin-top:18px}.support{border-top:1px solid var(--line);margin-top:10px}.support pre{white-space:pre-wrap;font:inherit;line-height:1.6;background:#fff8e9;padding:12px;user-select:text}.support p{margin:8px 0}.recipe-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;border:2px solid var(--ink);border-radius:6px;background:var(--ink);color:white;text-decoration:none;font-weight:700;font-size:16px}.recipe-action:hover{background:#333}dialog a.recipe-action{color:white;text-decoration:none}.action-help{font-size:14px;line-height:1.4;color:#514942}.guide-sharing{border:0;margin-top:12px;padding:0}.guide-sharing .utility{border:0;background:transparent;text-decoration:underline;padding:8px 0;font-size:14px}.guide-sharing p:empty,#notes-status:empty{display:none}.guide-sharing p{font-size:14px;margin:4px 0}.requirement{margin:12px 0;color:#514942}dialog{padding:20px;max-width:640px}dialog h2{margin:16px 0 10px;font-size:28px}dialog li{margin:9px 0;line-height:1.5}dialog li ul li{margin:3px 0}dialog p{line-height:1.5}.dialogtop{top:0;padding:4px 0}.dialogtop .eyebrow{display:none}.dialogtop{justify-content:flex-end}.support .utility{min-height:44px}#library .grid{gap:16px}
@media(max-width:700px){.intro{grid-template-columns:1fr;padding-top:32px;padding-bottom:28px;gap:24px}.intro h1{font-size:clamp(40px,10vw,60px)}.main-actions{flex-direction:column}.main-actions .button{width:100%}.start{max-width:330px;justify-self:center;width:100%}.resource-group{margin-top:22px}dialog{padding:16px;max-height:90dvh}.dialogtop{top:0}dialog h2{font-size:25px}.cardbody{padding:18px}.grid{grid-template-columns:1fr}}

/* Clear sections using the existing BYO cards. */
.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.steps>a{min-height:210px}.steps h3{font-size:24px;line-height:1.25}.steps>a:last-child{background:var(--ink);color:white}.path{padding:36px 0 44px}.pathintro h2{font-size:clamp(28px,3.4vw,44px);margin-bottom:22px}.section-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin:10px 0 0}.section-links a{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;font-size:15px;font-weight:700;text-decoration:underline}.resource-group.organizers,.resource-group.templates{margin-top:32px;padding-top:22px;border-top:2px solid var(--line);scroll-margin-top:24px}.group-description{margin:-4px 0 18px;color:#514942;line-height:1.5}.organizer-card.card{padding:0}.organizer-card .unavailable{margin-top:auto;display:inline-flex;align-items:center;border:1px solid #756c66;background:#f0eee8;color:#514942;padding:10px 12px;cursor:not-allowed}.organizer-card .unavailable:hover{color:#514942}.organizer-card:hover{transform:none}
@media(max-width:700px){.steps{grid-template-columns:1fr}.steps>a{min-height:0;padding:20px}.steps h3{margin:14px 0 8px}.stepend{margin-top:8px}.path{padding:30px 0}.resource-group.organizers,.resource-group.templates{margin-top:26px;padding-top:18px}}

/* One library grid and restored category navigation. */
.unified-grid{margin-top:20px}.sectionhead{min-height:180px;padding-top:20px;padding-bottom:20px}.sectionhead h1{font-size:clamp(36px,4.8vw,64px)}.byo-stamp{width:clamp(120px,15vw,190px);height:auto;border:0;box-shadow:none}.collectionbuttons{margin:20px 0 18px}.collectionbuttons button{min-height:48px}.hero-art{position:relative;aspect-ratio:1.58;overflow:hidden;background:transparent;border:0}.hero-art img{position:absolute;width:146%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;clip-path:none}.start,.brand img{border:0;box-shadow:none}.main-actions .button{min-width:170px}.libraryhint{min-height:21px}
@media(max-width:700px){.sectionhead{min-height:130px;gap:16px}.sectionhead h1{font-size:34px}.byo-stamp{width:88px}.collectionbuttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.collectionbuttons button{min-width:0;padding:12px 8px}.collectionbuttons button:first-child{grid-column:1/-1}.main-actions .button{width:100%}}

.template-option{border-top:1px solid var(--line);padding:12px 0}.template-option h3{font-size:18px;margin:0 0 10px}@media(max-width:700px){.collectionbuttons button:first-child{grid-column:auto}}
/* The white surround is baked into the PNG: clip its outer canvas, not just the panel. */
.hero-art{aspect-ratio:1.65;overflow:hidden;background:transparent}
.hero-art img{width:151.5152%;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);clip-path:inset(30.5% 17% 29.5% 17%);margin:0;border:0;box-shadow:none}
/* Compact Polaroid mat; retain the full painted BYO border. */
.intro .start{background:#fff;border:2px solid var(--ink);padding:8px 8px 24px;box-shadow:3px 3px 0 var(--ink);transform:rotate(1deg);max-width:440px;width:100%;justify-self:center}
.intro .hero-art{aspect-ratio:1.5;overflow:hidden;background:#fff;border:0}
.intro .hero-art img{width:140%;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);clip-path:none;margin:0;border:0;box-shadow:none}
@media(max-width:700px){.intro .start{max-width:330px;padding:7px 7px 20px;transform:none;box-shadow:2px 2px 0 var(--ink)}}