:root{--deep:#072b24;--emerald:#105644;--gold:#c99b55;--cream:#faf5e8;--paper:#fffdf7;--ink:#19372c;--muted:#53645a;--line:#e3d9c8;--shadow:0 18px 45px rgba(13,52,39,.10)}
[hidden]{display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 5% 20%,#f3ead5 0%,transparent 28%),#faf5e8;color:var(--ink);font:16px/1.58 'DM Sans',Arial,sans-serif}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b78c49;outline-offset:3px}h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;line-height:1.16}h2{font-size:clamp(30px,3.8vw,43px)}h3{font-size:clamp(25px,3.3vw,33px)}.skip{position:absolute;left:-9999px;top:0;z-index:99;background:#fff;padding:12px}.skip:focus{left:12px}.announcement{text-align:center;background:#b98b4e;color:#0a2820;letter-spacing:.16em;font-size:.72rem;font-weight:800;padding:8px 12px}.announcement span{margin:0 9px}.site-head{min-height:110px;background:#fffdf8;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:11px max(5%,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line)}.brand img{object-fit:contain;display:block;max-width:150px;height:auto}.head-nav{display:flex;gap:12px 24px;flex-wrap:wrap;align-items:center}.head-nav a{font-size:.85rem;text-decoration:none;font-weight:700;padding:9px 0}.head-nav a:hover,.head-nav a.nav-current{color:#0a7656}.head-nav a.nav-current{border-bottom:2px solid #bd985e}.story-hero{color:white;background:radial-gradient(circle at 78% 15%,rgba(235,191,105,.2),transparent 25%),linear-gradient(140deg,#072b24,#145542);padding:75px 20px 86px;text-align:center;position:relative;overflow:hidden}.story-hero::before,.story-hero::after{content:'✧';position:absolute;font-size:145px;color:rgba(255,255,255,.07)}.story-hero::before{left:8%;top:2%}.story-hero::after{right:9%;bottom:-37px}.story-hero .story-sparkle{color:#edd3a1;letter-spacing:.18em;font-size:.77rem;font-weight:700}.story-hero h1{margin:12px auto 20px;font-size:clamp(48px,6vw,80px);font-weight:500}.story-hero h1 em{color:#e6c88e}.story-hero h1 span{font-size:.45em;vertical-align:top;margin-left:8px}.story-hero p{margin:0 auto;max-width:650px;color:#f5eddf;font-size:1.03rem}.app-container{max-width:1160px;margin:0 auto;padding:30px 20px 90px}.site-status{background:#fff2d9;border:1px solid #dcc395;padding:13px 18px;border-radius:15px;margin-bottom:22px;text-align:center}.panel{background:var(--paper);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:clamp(24px,4vw,40px)}.centered{text-align:center;max-width:740px;margin:30px auto}.centered p{max-width:570px;margin:0 auto 22px}.centered h2{margin:10px 0 14px}.panel-emoji{font-size:42px;color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;border-radius:999px;padding:13px 23px;font-weight:800;font-size:.93rem;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--emerald);color:white;box-shadow:0 10px 23px rgba(8,69,48,.15)}.button.primary:hover{background:#0b4132}.button.subtle{background:#f5eee1;color:var(--emerald);border-color:#d6c6ab}.button.text-button{background:none;color:var(--emerald);padding:10px;box-shadow:none}.button.wide{width:100%}.button-row{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.entry-card h2{margin:12px 0 18px}.account-entry{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:24px;align-items:stretch;margin-top:-58px;position:relative}.eyebrow{color:#987643;font-size:.76rem;letter-spacing:.19em;font-weight:800}.muted{color:var(--muted)}.form-stack{display:flex;flex-direction:column;gap:11px;margin:26px 0 0}.form-stack label:not(.checklabel){font-weight:700;font-size:.88rem}.form-stack input:not([type=checkbox]){min-height:50px;border:1px solid #cbbfae;border-radius:13px;background:#fffefa;padding:12px 14px;width:100%;color:var(--ink)}.form-stack input:disabled{color:#65786f;background:#eeeae0}.form-stack button{margin-top:8px}.fineprint{font-size:.78rem;color:#69796e;margin:18px 0 0}.feedback{min-height:22px;margin:15px 0 0;color:#245c45;font-size:.89rem}.feedback.error{color:#a04536}.code-instructions{margin:3px 0 5px;font-size:.92rem}.entry-side{border-radius:30px;position:relative;min-height:410px;background:radial-gradient(circle at 65% 20%,#286e58,#092e25 70%);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;box-shadow:var(--shadow)}.entry-side p{font:italic 29px/1.4 'Playfair Display',Georgia,serif;color:#f3e2c2;text-align:center}.piece{padding:15px 20px;border-radius:16px;letter-spacing:.14em;font-size:.85rem;font-weight:800;color:#113b2d;box-shadow:0 12px 24px #051f1c33}.piece-a{background:#ecd2a0;transform:rotate(-7deg) translateX(-30px)}.piece-b{background:#ebf0e6;transform:rotate(5deg) translateX(38px)}.piece-c{background:#d9e4d7;transform:rotate(-5deg) translateX(-18px)}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 27px}.welcome-row h2{margin:4px 0 7px}.welcome-row p{margin:0}.dashboard-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 27px}.dash-card{text-align:left;background:#fffdf8;border:1px solid #dbc9a5;border-radius:23px;padding:18px;min-height:155px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;position:relative;box-shadow:0 7px 22px rgba(14,53,40,.06);transition:transform .15s,box-shadow .15s}.dash-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.dash-icon{font-size:27px;margin-bottom:4px}.dash-card strong{font-family:'Playfair Display',Georgia,serif;font-size:20px}.dash-card small{color:var(--muted);max-width:160px}.dash-arrow{position:absolute;right:17px;top:15px;color:#bd9450}.account-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px}.account-tabs button{border:1px solid #d8c7a7;background:#fffdf7;color:#375749;border-radius:999px;padding:9px 20px;font-weight:700}.account-tabs button[aria-current=true]{background:var(--deep);color:#fff;border-color:var(--deep)}.tab-panel{min-height:270px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.section-top h3{margin:5px 0}.small-link{font-size:.86rem;font-weight:700;text-decoration:none;color:#157254}.orders-list{display:grid;gap:13px}.order-card{border:1px solid #e1d5be;border-radius:19px;background:#fff;padding:20px;display:grid;gap:12px}.order-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.order-number{font-size:1.02rem;font-weight:800;color:var(--deep)}.order-card .order-meta{color:var(--muted);font-size:.86rem}.order-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#edf4ee;border:1px solid #d2e0d6;color:#1d5a44;border-radius:999px;padding:5px 10px;font-size:.77rem;font-weight:700}.chip.pending{background:#fff4dc;border-color:#e8d9b9;color:#825b1c}.order-items{border-top:1px dashed #dccdb1;padding-top:10px;display:grid;gap:5px;font-size:.89rem;color:#53665b}.order-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.order-footer strong{font-size:1.08rem}.order-footer a{color:#11674f;font-weight:800;text-decoration:none;font-size:.88rem}.empty-story{text-align:center;max-width:640px;margin:35px auto}.empty-icon{font-size:40px}.empty-story h4{font-size:25px;margin:7px 0}.empty-story p{color:var(--muted);margin-bottom:23px}.rewards-hero{background:linear-gradient(130deg,#123e30,#0b6047);color:white;border-radius:24px;padding:25px;display:flex;gap:23px;align-items:center}.reward-symbol{font-size:60px}.reward-kicker{font-size:.77rem;font-weight:800;letter-spacing:.18em;margin:0;color:#e5ce91}.rewards-hero strong{display:block;font:600 54px/1.1 'Playfair Display',Georgia,serif}.reward-label{font-size:.86rem;color:#ecf1e9}.tip{background:#fff4dc;border-radius:12px;padding:13px;color:#765f2e;font-size:.89rem}.profile-form{max-width:540px}.checklabel{display:flex;align-items:flex-start;gap:10px;margin-top:8px}.checklabel input{flex:none;margin-top:6px;accent-color:#136c4d}footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 25px;padding:27px 20px;background:var(--deep);color:#e8e5d8;font-size:.82rem;text-align:center}footer div{display:flex;flex-wrap:wrap;gap:17px}footer a{text-decoration:none}footer a:hover{text-decoration:underline}
@media(max-width:900px){.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-side{min-height:360px}.site-head{padding:12px 20px}.head-nav{gap:10px 15px}}
@media(max-width:680px){.site-head{flex-direction:column;gap:4px;padding:12px 14px}.brand img{width:122px}.head-nav{justify-content:center}.head-nav a{font-size:.77rem}.story-hero{padding:50px 18px 80px}.story-hero h1{font-size:47px}.story-hero h1 span{font-size:.32em}.app-container{padding:18px 14px 65px}.account-entry{grid-template-columns:1fr;margin-top:-43px}.entry-side{display:none}.dashboard-cards{gap:9px}.dash-card{min-height:130px;padding:13px}.dash-card strong{font-size:18px}.dash-card small{font-size:.76rem}.panel{border-radius:21px;padding:21px 18px}.welcome-row{align-items:flex-start;flex-direction:column}.account-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.account-tabs button{padding:8px 4px;font-size:.79rem}.rewards-hero{gap:9px}.reward-symbol{font-size:42px}.rewards-hero strong{font-size:47px}.button-row{flex-direction:column}.button-row .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}


/* My Storybook — loyalty puzzle reward PREVIEW (no earning or redemption enabled) */
.reward-preview-flag{display:inline-block;background:#f7edda;border:1px solid #d4b983;color:#72521b;font-size:.72rem;font-weight:900;letter-spacing:.08em;padding:9px 13px;border-radius:999px;white-space:nowrap}
.reward-intro{color:#526759;max-width:740px;margin:0 0 23px;line-height:1.7}
.puzzle-rewards-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);align-items:stretch;gap:22px}
.puzzle-board{min-width:0;padding:23px 18px 25px;border-radius:26px;text-align:center;background:radial-gradient(circle at 50% 36%,#fffdf4 0%,#f0e7d4 96%);border:1px solid #dac69f;box-shadow:inset 0 0 0 7px rgba(255,255,255,.33);position:relative}
.puzzle-caption{margin:0;font-size:.74rem;letter-spacing:.17em;color:#735629;font-weight:900}
.puzzle-caption span{font-size:1.2rem;color:#ae8240}
.puzzle-svg-wrap{max-width:440px;margin:6px auto 0}
.rewards-puzzle{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 7px 7px rgba(12,55,42,.08))}
.puzzle-tile{fill:#e6decc;stroke:#fff8ec;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:fill .45s ease,filter .45s ease;paint-order:stroke fill}
.puzzle-tile.is-filled{fill:#16634c;filter:drop-shadow(0 1px 1px rgba(10,53,37,.28))}
.puzzle-tile.is-filled:nth-of-type(2n){fill:#bd944d}
.puzzle-tile.is-filled:nth-of-type(3n){fill:#31806d}
.puzzle-progress{height:9px;border-radius:999px;background:#ddd5c4;overflow:hidden;margin:3px 20px 0}
.puzzle-progress::before{content:"";display:block;width:0%;height:100%;background:linear-gradient(90deg,#22735c,#d0a35b);border-radius:999px;transition:width .5s ease}
.puzzle-piece-count{font-size:.9rem;color:#295646;font-weight:800;margin:12px 0}
.puzzle-demo{border:1px solid #cab68f;padding:10px 18px;font-size:.84rem}
.puzzle-rewards-summary{background:linear-gradient(145deg,#0d4636,#092d26);border-radius:25px;color:#fdf8ea;padding:clamp(23px,3vw,35px);display:flex;flex-direction:column;gap:9px}
.puzzle-rewards-summary .reward-kicker{color:#e6cb91;margin:0;letter-spacing:.16em}
.points-number{font:600 clamp(43px,5vw,66px)/1.08 'Playfair Display',Georgia,serif}
.puzzle-rewards-summary .reward-label{display:block;color:#d8e7d9;font-size:.88rem;margin:0 0 18px}
.reward-stat{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:.87rem;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.17)}
.reward-stat strong{white-space:nowrap;font-weight:800;color:#fff3ce}
.puzzle-next{color:#f6dbab;font-weight:700;line-height:1.45;margin:9px 0 14px}
.reward-unlock{display:flex;gap:12px;padding:17px;border:1px solid rgba(232,201,135,.35);background:rgba(255,255,255,.07);border-radius:18px;margin-top:auto}
.unlock-icon{font-size:29px;flex:none}
.reward-unlock strong{display:block;font:600 1.2rem/1.35 'Playfair Display',Georgia,serif;color:#fff8e8}
.reward-unlock p{margin:7px 0 0;font-size:.83rem;color:#e6eadc}
.reward-disclaimer{font-size:.83rem;line-height:1.65;color:#755525;background:#fff4df;border:1px solid #e6d3aa;padding:16px 20px;border-radius:15px;margin:20px 0 0}
@media(max-width:780px){.puzzle-rewards-layout{grid-template-columns:1fr}.puzzle-board{padding:16px 12px 22px}.puzzle-rewards-summary{padding:25px}}
@media(max-width:420px){.puzzle-board{padding:13px 8px 18px}.puzzle-progress{margin:3px 10px 0}.reward-stat{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.puzzle-tile,.puzzle-progress::before{transition:none!important}}

/* CSP-safe progress steps: no inline style attribute is needed. */
#puzzle-progress[data-filled="1"]::before{width:16.6667%}
#puzzle-progress[data-filled="2"]::before{width:33.3333%}
#puzzle-progress[data-filled="3"]::before{width:50.0000%}
#puzzle-progress[data-filled="4"]::before{width:66.6667%}
#puzzle-progress[data-filled="5"]::before{width:83.3333%}
#puzzle-progress[data-filled="6"]::before{width:100.0000%}


/* AFCC_STORYBOOK_EXTRAS_CSS_V1 — add-on only, no checkout/loyalty changes */
.afcc-order-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(165px,220px) auto;gap:11px;align-items:end;margin:7px 0 10px;padding:16px;background:#f7f2e8;border:1px solid #e1d5be;border-radius:18px}
.afcc-search-field,.afcc-filter-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.afcc-order-tools label{font-size:.82rem;font-weight:800;color:#335244}
.afcc-order-tools input,.afcc-order-tools select{width:100%;min-height:45px;background:#fffefa;color:#1a4234;border:1px solid #c7b89a;border-radius:11px;padding:10px 11px;font:inherit}
.afcc-order-tools input:focus-visible,.afcc-order-tools select:focus-visible,.afcc-favorite-panel button:focus-visible{outline:3px solid #c3a367;outline-offset:2px}
.afcc-clear-order{min-height:45px;white-space:nowrap}
.afcc-orders-count{margin:0 0 15px;color:#6b756a;font-size:.82rem;font-weight:700}
.order-card[hidden],.afcc-orders-no-match[hidden],.afcc-order-tools[hidden]{display:none!important}
.afcc-orders-no-match{text-align:center;padding:24px;border-radius:16px;border:1px dashed #c7b89a;color:#58685b;background:#fffcf3}
.dashboard-cards:has(.afcc-fav-dash){grid-template-columns:repeat(5,minmax(0,1fr))}
.afcc-fav-dash{background:linear-gradient(165deg,#fffdf7,#f5edda);border-color:#d3b879}
.afcc-fav-dash .dash-icon{color:#9d6c34}
.afcc-favorite-panel .eyebrow{margin:0 0 6px}
.afcc-favorite-panel h3{margin:0 0 10px}
.afcc-favorite-panel>.muted{max-width:760px;line-height:1.65}
.afcc-favorites-actions{display:flex;gap:9px;flex-wrap:wrap;margin:19px 0 8px}
.afcc-favorites-actions .button[aria-pressed="true"]{color:white;background:#0b4736;border-color:#0b4736}
.afcc-favorites-message{min-height:18px;color:#4d685c;font-size:.84rem}
.afcc-favorites-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:13px}
.afcc-favorite-card{background:#fffdf9;border:1px solid #daccac;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:9px;box-shadow:0 10px 30px rgba(12,58,42,.06)}
.afcc-favorite-card-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.afcc-fav-piece{width:38px;height:38px;border-radius:12px;background:#f3ead5;display:grid;place-items:center}
.afcc-fav-type{color:#70624f;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700}
.afcc-favorite-card h4{font:600 23px/1.24 'Playfair Display',Georgia,serif;color:#123f31;margin:5px 0}
.afcc-fav-price{color:#597063;font-size:.88rem;margin:0 0 6px}
.afcc-favorite-card-actions{margin-top:auto;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.afcc-favorite-card-actions .button{text-decoration:none;white-space:nowrap;padding:10px 14px;font-size:.84rem}
.afcc-favorite-toggle[aria-pressed="true"]{background:#efe3c9;border-color:#cba65e;color:#60450f}
.afcc-favorites-empty{grid-column:1/-1;text-align:center;background:#fbf6e9;border:1px dashed #cab68b;border-radius:22px;padding:27px 17px}
.afcc-favorites-empty h4{font:600 24px 'Playfair Display',Georgia,serif;margin:8px 0}
.afcc-favorites-empty p{color:#6c756a;max-width:410px;margin:0 auto 18px}
.afcc-fav-empty-icon{font-size:37px;color:#aa8a4f}
.afcc-favorites-footnote{font-size:.79rem;color:#718174;margin-top:16px}
@media(max-width:1150px){.dashboard-cards:has(.afcc-fav-dash){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.dashboard-cards:has(.afcc-fav-dash){grid-template-columns:repeat(2,minmax(0,1fr))}.afcc-order-tools{grid-template-columns:1fr 1fr}.afcc-search-field{grid-column:1/-1}.afcc-clear-order{grid-column:1/-1}.afcc-favorites-grid{grid-template-columns:1fr}}
@media(max-width:420px){.afcc-order-tools{padding:13px;gap:8px}.afcc-order-tools .button{width:100%}.afcc-favorite-card{padding:17px}.afcc-favorite-card-actions{flex-direction:column;align-items:stretch}.afcc-favorite-card-actions .button{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.afcc-favorite-card,.afcc-favorite-card *{transition:none!important;animation:none!important}}



/* AFCC_STORYBOOK_PHASE6_CSS_V1 - keeps account site appearance, no editor/checkout changes. */
.afcc-p6-jump{border:1px solid #0e6148;border-radius:999px;padding:12px 19px;background:#0b513c;color:#fff;font-size:.9rem;font-weight:800;min-height:45px;white-space:normal;text-align:center}
.afcc-p6-jump:hover{background:#073c2e}.afcc-p6-jump:focus-visible{outline:3px solid #cfa764;outline-offset:3px}
.afcc-p6-toolbar{padding:21px 20px 16px;border:1px solid #e5d4af;background:linear-gradient(140deg,#fffdf6,#f5edde);border-radius:22px;display:grid;gap:12px}
.afcc-p6-heading h4{margin:4px 0 1px;color:#0b4836;font-size:1.37rem;line-height:1.15}
.afcc-p6-eyebrow{font-size:.67rem;font-weight:800;color:#997544;letter-spacing:.15em}
.afcc-p6-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr);gap:12px;align-items:end}
.afcc-p6-controls label{display:grid;gap:6px;font-weight:800;color:#1f4a3a;font-size:.79rem}
.afcc-p6-controls input,.afcc-p6-controls select,.afcc-p6-rename-form input{width:100%;min-height:46px;border:1px solid #b9cbbd;background:#fffefa;color:#163a2f;border-radius:12px;padding:10px 12px;font:inherit;max-width:100%}
.afcc-p6-controls input:focus-visible,.afcc-p6-controls select:focus-visible,.afcc-p6-rename-form input:focus-visible{outline:3px solid #d3ad69;outline-offset:2px}
.afcc-p6-summary{font-size:.84rem;font-weight:800;color:#32614e;margin:0}
.afcc-p6-feedback{margin:0;font-weight:700;color:#126443;min-height:1.1em;font-size:.88rem;overflow-wrap:anywhere}
.afcc-p6-feedback:empty{display:none}.afcc-p6-feedback.is-error{color:#9f3c33}
.afcc-cloud-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.afcc-cloud-card.afcc-p6-card{grid-template-columns:108px minmax(0,1fr);grid-template-rows:auto auto;gap:12px;align-items:start;padding:16px;min-width:0;border-radius:24px}
.afcc-p6-preview{width:108px;height:123px;grid-row:1;grid-column:1;position:relative;overflow:hidden;border-radius:17px;border:1px solid #dac6a1;background:linear-gradient(160deg,#f8eedb,#f0e4cb);display:grid;place-items:center}
.afcc-p6-preview[data-color=cardinal]{background:#f2dfdf}.afcc-p6-preview[data-color=forest]{background:#dbeae0}.afcc-p6-preview[data-color=black]{background:#e4e5e6}.afcc-p6-preview[data-color=sand]{background:#eee1ce}.afcc-p6-preview[data-color=navy]{background:#dfe6f3}.afcc-p6-preview[data-color=pink]{background:#f9e6eb}.afcc-p6-preview[data-color=white]{background:#f5f4ef}.afcc-p6-preview[data-color=gray]{background:#ebebe6}
.afcc-p6-empty-preview{font-size:2.5rem;opacity:.5}.afcc-p6-shirt{font-family:Georgia,serif;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.18;padding:15px 12px;font-size:.76rem;font-weight:700;color:#28503f;width:83px;height:85px;clip-path:polygon(15% 7%,30% 0,40% 10%,60% 10%,70% 0,85% 7%,100% 31%,87% 43%,79% 34%,79% 100%,21% 100%,21% 34%,13% 43%,0 31%);background:#fff9ec;box-shadow:0 0 8px #0002;overflow:hidden;overflow-wrap:anywhere}
.afcc-p6-preview[data-color=cardinal] .afcc-p6-shirt{background:#8d2837;color:#fff}.afcc-p6-preview[data-color=forest] .afcc-p6-shirt{background:#19563d;color:#fff}.afcc-p6-preview[data-color=black] .afcc-p6-shirt{background:#222b2e;color:#fff}.afcc-p6-preview[data-color=sand] .afcc-p6-shirt{background:#d2b995}.afcc-p6-preview[data-color=navy] .afcc-p6-shirt{background:#1c335f;color:#fff}.afcc-p6-preview[data-color=pink] .afcc-p6-shirt{background:#e9b2c2}.afcc-p6-art-image{width:100%;height:100%;object-fit:contain;display:block;padding:7px 7px 22px}
.afcc-p6-preview-caption{position:absolute;left:0;right:0;bottom:0;background:rgba(255,252,245,.94);color:#365445;font-size:.61rem;font-weight:800;text-align:center;padding:5px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.afcc-p6-card .afcc-cloud-card-text{min-width:0;grid-column:2;grid-row:1}.afcc-p6-card .afcc-cloud-card-text h4{font-size:1.22rem;margin:0 0 6px;overflow-wrap:anywhere}
.afcc-p6-helper{font-size:.75rem;color:#526c5c;line-height:1.4;margin:8px 0 0;overflow-wrap:anywhere}
.afcc-p6-card .afcc-cloud-card-buttons{grid-column:1/-1;grid-row:2;justify-content:flex-start;display:flex;flex-wrap:wrap;gap:8px}
.afcc-p6-card .afcc-cloud-card-buttons .afcc-cloud-button{flex:1 1 130px;padding:10px 13px;min-height:43px;font-size:.81rem}
.afcc-p6-button{border:1px solid #b9cbbd;border-radius:999px;padding:9px 15px;min-height:43px;cursor:pointer;font-weight:800;font-size:.82rem;flex:1 1 95px;background:#fff;color:#174536}
.afcc-p6-button:hover{filter:brightness(.97)}.afcc-p6-button:disabled{opacity:.65;cursor:wait}
.afcc-p6-muted{background:#f5f2e9;color:#24513e}.afcc-p6-gold{background:#e9d0a1;border-color:#cfa763;color:#193a2c}.afcc-p6-primary{background:#0d513e;border-color:#0d513e;color:#fff}
.afcc-p6-button:focus-visible{outline:3px solid #c99b55;outline-offset:3px}
.afcc-p6-rename-form{grid-column:1/-1;grid-row:3;padding:14px;border:1px solid #dfd0b1;background:#fffaf1;border-radius:15px;display:grid;gap:10px}
.afcc-p6-rename-form label{display:grid;gap:7px;font-size:.84rem;font-weight:800;color:#234e40}
.afcc-p6-form-actions{display:flex;gap:8px;flex-wrap:wrap}
.afcc-p6-card[hidden]{display:none!important}
@media(max-width:920px){.afcc-cloud-list{grid-template-columns:1fr}}
@media(max-width:600px){
 .afcc-p6-controls{grid-template-columns:1fr}.afcc-p6-toolbar{padding:17px 14px}
 .afcc-cloud-card.afcc-p6-card{grid-template-columns:95px minmax(0,1fr);padding:14px}
 .afcc-p6-preview{width:95px;height:112px}.afcc-p6-card .afcc-cloud-card-text h4{font-size:1.09rem}
 .afcc-p6-card .afcc-cloud-card-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .afcc-p6-card .afcc-cloud-card-buttons .afcc-cloud-button,.afcc-p6-button{min-width:0;width:100%;flex:auto;padding:10px 8px}
 .afcc-p6-jump{width:100%}
}
@media(prefers-reduced-motion:reduce){.afcc-p6-jump,.afcc-p6-button{transition:none}}



/* AFCC_STORYBOOK_PHASE7_CSS_V1 — private account Creative Shelf folders and recents */
.afcc-p7-panel{border:1px solid #decaa0;background:linear-gradient(125deg,#fffaf1,#f5eddb);border-radius:24px;padding:22px;margin:4px 0 23px;box-shadow:0 8px 28px rgba(12,58,42,.06)}
.afcc-p7-header{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:18px}
.afcc-p7-kicker{display:block;color:#937039;letter-spacing:.14em;font-size:.68rem;font-weight:800;margin-bottom:4px}
.afcc-p7-header h4,.afcc-p7-recent h4{font-size:1.45rem;margin:3px 0 7px;color:#0c4835}
.afcc-p7-header p{font-size:.88rem;color:#546b5c;max-width:720px;margin:0;line-height:1.55}
.afcc-p7-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.75fr);gap:20px}
.afcc-p7-folders{min-width:0}.afcc-p7-folder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.afcc-p7-folder{min-width:0;display:flex;flex-direction:column;gap:3px;border:1px solid #d9c6a3;border-radius:16px;background:#fffcf5;overflow:hidden;box-shadow:0 2px 8px rgba(15,66,46,.04)}
.afcc-p7-folder.is-selected{background:#eaf3ec;border-color:#11684c;box-shadow:inset 0 0 0 1px #11684c}
.afcc-p7-folder-select{border:0;background:transparent;color:#134b39;text-align:left;display:grid;gap:5px;padding:12px 12px 8px;min-width:0;cursor:pointer}
.afcc-p7-folder-select strong{font-size:.88rem;line-height:1.3;overflow-wrap:anywhere}.afcc-p7-folder-select small{font-size:.73rem;color:#687969}
.afcc-p7-folder-select:hover{background:#edf4eb}.afcc-p7-folder-tools{display:flex;gap:5px;padding:0 9px 9px}
.afcc-p7-folder-tools button{border:1px solid #ddd0b7;background:#f8f4eb;color:#325b49;border-radius:999px;padding:6px 10px;font-size:.7rem;font-weight:800;flex:1}
.afcc-p7-folder-tools button:last-child{color:#994638}.afcc-p7-folder-tools button:hover{background:#f0e9db}
.afcc-p7-create{border-top:1px solid #e1d3b8;margin-top:17px;padding-top:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.afcc-p7-create label,.afcc-p7-rename label{font-size:.77rem;font-weight:800;color:#244f3d;display:grid;gap:6px}
.afcc-p7-create input,.afcc-p7-rename input{background:#fffefa;color:#224637;border:1px solid #b8c9ba;border-radius:11px;padding:10px 12px;min-height:43px;font:inherit;width:100%;min-width:0}
.afcc-p7-create-button,.afcc-p7-small-primary{border:1px solid #0c513b;border-radius:999px;background:#0c513b;color:#fff;padding:11px 15px;font-weight:800;min-height:43px;font-size:.78rem}
.afcc-p7-create button:disabled{opacity:.55;cursor:not-allowed}.afcc-p7-limit{grid-column:1/-1;color:#687969;font-size:.73rem;margin:0}
.afcc-p7-feedback{color:#136348;font-weight:700;font-size:.8rem;margin:13px 0 0;min-height:17px}.afcc-p7-feedback.is-error{color:#9a3a35}
.afcc-p7-safe-note{font-size:.76rem;color:#536b5d;margin:8px 0 0;line-height:1.5}
.afcc-p7-rename{border-top:1px solid #e0d3b8;padding:11px;display:flex;flex-direction:column;gap:8px;background:#fffaf0}
.afcc-p7-small-secondary{border:1px solid #cebea4;border-radius:999px;background:#fff;color:#335d4c;font-size:.78rem;padding:9px 12px;font-weight:800}
.afcc-p7-recent{border-radius:22px;padding:19px 17px;background:linear-gradient(145deg,#0a4936,#0c3027);color:#fff;align-self:start;min-width:0}
.afcc-p7-recent h4{color:#fff;margin-bottom:13px;font-size:1.27rem}.afcc-p7-recent .afcc-p7-kicker{color:#e3c487}
.afcc-p7-recent-items{display:grid;gap:8px}.afcc-p7-recent-link{display:flex;align-items:center;gap:10px;padding:11px 9px;text-decoration:none;border:1px solid #ffffff35;border-radius:13px;background:#ffffff10;color:#fff;min-width:0;transition:background .15s}
.afcc-p7-recent-link:hover{background:#ffffff22}.afcc-p7-recent-icon{flex:none;width:33px;height:33px;border-radius:11px;background:#e8cd98;color:#204937;display:grid;place-items:center}
.afcc-p7-recent-text{display:grid;gap:2px;flex:1;min-width:0}.afcc-p7-recent-text strong{font-size:.81rem;overflow-wrap:anywhere}.afcc-p7-recent-text small{font-size:.73rem;color:#e2e9df}
.afcc-p7-arrow{color:#ead3a8}.afcc-p7-recent-empty{color:#e7efe9;font-size:.85rem}
.afcc-cloud-card.afcc-p7-filtered{display:none!important}.afcc-p7-move{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,1.3fr);gap:9px;align-items:center;background:#f7f4e9;border-radius:12px;padding:11px;color:#35594a;font-size:.77rem;font-weight:800}
.afcc-p7-move-select{width:100%;min-width:0;max-width:100%;min-height:41px;border:1px solid #bdcbbb;border-radius:11px;background:#fffefa;color:#204435;padding:8px 11px;font:inherit}
.afcc-p7-panel button:focus-visible,.afcc-p7-panel input:focus-visible,.afcc-p7-move-select:focus-visible,.afcc-p7-recent-link:focus-visible{outline:3px solid #d7ab62;outline-offset:2px}
@media(max-width:990px){.afcc-p7-layout{grid-template-columns:1fr}.afcc-p7-recent{width:100%}.afcc-p7-recent-items{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.afcc-p7-panel{padding:16px 13px;border-radius:19px}.afcc-p7-folder-grid{grid-template-columns:1fr 1fr;gap:7px}.afcc-p7-folder-select{padding:11px 9px 7px}.afcc-p7-folder-tools{padding:0 7px 8px}.afcc-p7-folder-tools button{padding:6px 5px}.afcc-p7-create{grid-template-columns:1fr}.afcc-p7-recent-items{grid-template-columns:1fr}.afcc-p7-move{grid-template-columns:1fr}.afcc-p7-header h4{font-size:1.23rem}}
@media(max-width:350px){.afcc-p7-folder-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.afcc-p7-panel *{transition:none!important;animation:none!important}}



/* AFCC_STORYBOOK_PHASE8_CSS_V1 — account-only personalization, no inline styles */
.afcc-p8-overview{margin:0 0 25px;padding:clamp(17px,2.8vw,26px);border:1px solid #d8c7a6;border-radius:25px;background:linear-gradient(120deg,#f7efdc,#fffdf7 58%,#f0f4e9);box-shadow:0 13px 32px rgba(15,63,43,.055)}
.afcc-p8-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 19px}
.afcc-p8-kicker{font-size:.7rem;font-weight:900;letter-spacing:.18em;color:#957040;margin:0 0 7px}
.afcc-p8-head h3{margin:0;font-size:clamp(1.4rem,2.5vw,1.8rem);color:#163d31}
.afcc-p8-sub{font-size:.88rem;color:#567263;line-height:1.55;margin:7px 0 0}
.afcc-p8-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.afcc-p8-card{min-width:0;border-radius:20px;background:#fffefa;border:1px solid #e1d6c1;padding:17px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.afcc-p8-icon{display:grid;place-items:center;width:41px;height:41px;background:#f2ead8;border-radius:14px;font-size:1.28rem;margin-bottom:4px}
.afcc-p8-label{font-size:.67rem;letter-spacing:.15em;color:#846a40;font-weight:900}
.afcc-p8-stat{font:600 1.23rem/1.25 'Playfair Display',Georgia,serif;color:#174838;overflow-wrap:anywhere}
.afcc-p8-desc{font-size:.78rem;color:#647669;margin:0;line-height:1.5;flex:1}
.afcc-p8-link{border:0;background:transparent;color:#0b684b;padding:8px 0 2px;font-weight:800;font-size:.8rem;text-decoration:underline;text-underline-offset:3px;text-align:left}
.afcc-p8-link:hover{color:#064734}
.afcc-p8-pieces{display:flex;gap:5px;margin:5px 0 2px}.afcc-p8-piece{font-size:1rem;color:#d6cebd;line-height:1}.afcc-p8-piece.is-filled{color:#0f7653}
.afcc-p8-style-panel{border:1px solid #decbaa;background:#f7f3e9;border-radius:22px;padding:clamp(18px,3vw,26px);margin:26px 0 0;scroll-margin-top:30px}
.afcc-p8-style-panel h4{font-size:1.54rem;color:#164938;margin:0}
.afcc-p8-style-panel .afcc-p8-sub{max-width:660px}
.afcc-p8-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:19px;align-items:end}
.afcc-p8-field{font-size:.83rem;font-weight:800;color:#295644;display:grid;gap:6px;min-width:0}
.afcc-p8-field select{appearance:auto;width:100%;min-width:0;min-height:47px;border:1px solid #b9c6b6;border-radius:12px;padding:10px 11px;background:#fffefa;color:#244438;font:inherit}
.afcc-p8-save{grid-column:1/-1;justify-self:start;min-height:46px;padding:10px 24px;border:1px solid #0a533b;border-radius:999px;color:#fff;background:#0b5a40;font-weight:800}
.afcc-p8-save:hover{background:#073c30}.afcc-p8-save:disabled{opacity:.6}
.afcc-p8-feedback{font-size:.87rem;font-weight:800;color:#116047;min-height:22px;margin:13px 0 0}.afcc-p8-feedback.is-error{color:#a13c39}
.afcc-p8-overview button:focus-visible,.afcc-p8-style-panel button:focus-visible,.afcc-p8-style-panel select:focus-visible{outline:3px solid #c69a53;outline-offset:3px}
@media(max-width:850px){.afcc-p8-grid{grid-template-columns:1fr 1fr}.afcc-p8-card:last-child{grid-column:1/-1}.afcc-p8-form{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.afcc-p8-overview{padding:16px 13px;border-radius:20px}.afcc-p8-head{flex-direction:column;align-items:flex-start}.afcc-p8-grid{grid-template-columns:1fr}.afcc-p8-card:last-child{grid-column:auto}.afcc-p8-card{padding:15px}.afcc-p8-form{grid-template-columns:1fr}.afcc-p8-save{width:100%}}
@media(prefers-reduced-motion:reduce){.afcc-p8-overview *,.afcc-p8-style-panel *{animation:none!important;transition:none!important}}



/* AFCC_STORYBOOK_PHASE9_CSS_V1 — account-only Help & Updates */
.afcc-p9-panel{scroll-margin-top:20px}
.afcc-p9-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:15px}
.afcc-p9-head h3{font:600 clamp(1.5rem,2.6vw,2rem)/1.15 Georgia,serif;color:#103e32;margin:6px 0}
.afcc-p9-kicker{font-size:.72rem;font-weight:900;color:#ac8244;letter-spacing:.15em;margin:0}
.afcc-p9-intro{font-size:.96rem;color:#506b5c;max-width:600px;margin:10px 0}
.afcc-p9-counter,.afcc-p9-tag{display:inline-flex;background:#eef4eb;color:#155a46;border:1px solid #c6d9c7;border-radius:999px;padding:7px 12px;font-size:.8rem;font-weight:800;white-space:nowrap}
.afcc-p9-note{padding:13px 17px;border:1px solid #ead6ae;border-left:4px solid #c59c54;background:#faf0dc;color:#4d5646;border-radius:13px;font-size:.85rem}
.afcc-p9-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:20px}
.afcc-p9-surface{min-width:0;padding:clamp(16px,2vw,23px);background:#fffdf9;border-radius:22px;border:1px solid #e4d7bc}
.afcc-p9-surface h4,.afcc-p9-thread h4{font:600 1.4rem/1.3 Georgia,serif;color:#144b39;margin:0 0 12px}
.afcc-p9-sub{font-size:.88rem;color:#657669}
.afcc-p9-form{display:grid;gap:14px;margin-top:16px}
.afcc-p9-form label,.afcc-p9-reply-form{display:grid;gap:7px;color:#245542;font-size:.84rem;font-weight:800}
.afcc-p9-form input,.afcc-p9-form select,.afcc-p9-form textarea,.afcc-p9-reply-form textarea{display:block;width:100%;min-width:0;min-height:46px;border:1px solid #bcbfae;border-radius:13px;background:#fff;color:#173c30;padding:12px 13px;font:400 .96rem/1.5 Arial,sans-serif}
.afcc-p9-form textarea,.afcc-p9-reply-form textarea{min-height:110px;resize:vertical}
.afcc-p9-related{display:grid;gap:11px}.afcc-p9-related label[hidden]{display:none}
.afcc-p9-primary{display:inline-flex;align-items:center;justify-content:center;background:#106049;color:#fff;border:1px solid #106049;border-radius:999px;padding:12px 20px;font-weight:800;min-height:44px;cursor:pointer}
.afcc-p9-primary:hover{background:#0b4d3c}.afcc-p9-primary:disabled{opacity:.55;cursor:wait}
.afcc-p9-feedback{min-height:24px;color:#146047;font-size:.87rem;font-weight:700;margin:9px 0}.afcc-p9-feedback.is-error{color:#a13a38}
.afcc-p9-mini{border:1px solid #c7b89b;background:#fdf8ec;color:#145341;border-radius:999px;padding:8px 12px;min-height:36px;font-size:.82rem;font-weight:800;cursor:pointer}
.afcc-p9-mini:hover{background:#f6eacb}.afcc-p9-mini:disabled{opacity:.5}
.afcc-p9-notifications,.afcc-p9-tickets{display:grid;gap:10px;margin-top:14px;max-height:460px;overflow-y:auto}
.afcc-p9-notice{border:1px solid #eadfca;background:#fbf8f1;padding:13px;border-radius:16px;color:#254d40}
.afcc-p9-notice.is-unread{background:#edf5ed;border-color:#acd0b4}
.afcc-p9-notice>div:first-child{display:flex;justify-content:space-between;align-items:start;gap:10px}
.afcc-p9-notice strong{font-size:.94rem}.afcc-p9-notice small{font-size:.74rem;color:#668073}
.afcc-p9-notice p{font-size:.86rem;line-height:1.5;margin:7px 0}
.afcc-p9-actions{display:flex;flex-wrap:wrap;gap:7px}
.afcc-p9-divider{border:0;border-top:1px solid #eadfca;margin:22px 0}
.afcc-p9-ticket{width:100%;border:1px solid #d9c8ac;border-radius:15px;padding:13px;text-align:left;background:#fffaf1;cursor:pointer;display:flex;align-items:flex-start;flex-direction:column;gap:7px;color:#193f32}
.afcc-p9-ticket:hover{border-color:#b9904b;background:#f9f0dc}.afcc-p9-ticket strong{font-size:.95rem}.afcc-p9-ticket small{color:#657366;font-size:.77rem}
.afcc-p9-empty{color:#68776b;font-size:.86rem;line-height:1.6}
.afcc-p9-thread{margin-top:18px;padding:20px;background:#f9f5ec;border:1px solid #dccfb5;border-radius:22px}
.afcc-p9-thread-top{display:flex;justify-content:space-between;gap:12px;align-items:start}
.afcc-p9-messages{display:grid;gap:11px;margin:20px 0}
.afcc-p9-message{background:#fff;border:1px solid #e6ddcd;border-radius:15px;padding:13px 15px;color:#214838;overflow-wrap:anywhere}
.afcc-p9-message.is-owner{background:#ecf3e8;border-color:#b5cdb6}
.afcc-p9-message strong{display:block;font-size:.9rem}.afcc-p9-message small{font-size:.72rem;color:#6c796f}
.afcc-p9-message p{font-size:.92rem;line-height:1.6;white-space:pre-wrap;margin:9px 0 0}
.afcc-p9-reply-form{margin-top:14px}
.afcc-p9-panel button:focus-visible,.afcc-p9-panel input:focus-visible,.afcc-p9-panel textarea:focus-visible,.afcc-p9-panel select:focus-visible{outline:3px solid #c69a53;outline-offset:3px}
@media(max-width:900px){.afcc-p9-layout{grid-template-columns:1fr}}
@media(max-width:600px){.afcc-p9-head{flex-direction:column}.afcc-p9-surface{padding:15px}.afcc-p9-thread{padding:14px}.afcc-p9-notice>div:first-child{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.afcc-p9-panel *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}