@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{--plum:#0c251a;--plum2:#163b2c;--rose:#a83243;--gold:#d9a85a;--paper:#fffaf2;--cream:#fcf4e8;--ink:#382c29;--line:#e8d9c6;--leaf:#576847;--site-width:1040px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 'DM Sans',sans-serif}.announcement{display:none}a{color:inherit;text-underline-offset:3px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f4bb58;outline-offset:3px}.wrap{width:min(var(--site-width),calc(100% - 48px));margin-inline:auto}
.top{width:min(1440px,100%);height:72px;margin-inline:auto;background:var(--plum);color:#fff9ed;position:relative;z-index:5;border:4px double #bd9a61;border-top:0;border-bottom:3px solid #bd9a61}.bar{height:72px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px}.kingBrand{display:flex;align-items:center;gap:10px;color:#fff9ed;text-decoration:none;font:700 1.65rem/1 Fraunces,serif}.kingBrand small{display:block;margin-top:5px;color:#f1cb86;font:600 .72rem 'DM Sans',sans-serif;letter-spacing:.03em}.crown{font-size:1.9rem;color:#f1c36f}.mainnav{display:flex;align-items:center;gap:8px}.mainnav a,.mobileNav a{padding:9px 15px;text-decoration:none;color:#fff4df;border-radius:7px;font:500 1rem Fraunces,serif}.mainnav a:hover,.mainnav a[aria-current=page],.mobileNav a:hover{background:#ffffff18;color:#ffd887}.headerActions{display:flex;align-items:center;gap:10px}.searchToggle{border:0;background:none;color:#fff9ed;font-size:1.85rem;line-height:1;cursor:pointer;padding:4px}.searchPanel{position:absolute;right:0;top:calc(100% + 8px);z-index:8;display:grid;grid-template-columns:auto minmax(180px,240px) auto;align-items:center;gap:7px;padding:10px;background:#fffaf2;color:#46272e;border:1px solid #d9b77f;border-radius:8px;box-shadow:0 8px 24px #20111655}.searchPanel[hidden]{display:none}.searchPanel label{font-size:.78rem}.searchPanel input{min-width:0;padding:8px;border:1px solid #d9c8b7;border-radius:5px;font:inherit}.searchPanel button{padding:8px 10px;border:0;border-radius:5px;background:var(--rose);color:white;font-weight:700;cursor:pointer}.menuToggle,.mobileNav{display:none}
.pageHero{width:min(1440px,100%);height:clamp(210px,20.84vw,300px);aspect-ratio:4.8/1;margin:0 auto;position:relative;overflow:hidden;background:#14261d;border:5px double #d5b273;box-shadow:0 5px 18px #28170f55}.pageHero>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.pageHeroVeil{position:absolute;inset:0;background:linear-gradient(90deg,#101b14bb 0%,#101b1466 38%,transparent 82%)}.pageHeroCopy{position:relative;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#fff6e8;z-index:1}.pageHeroCopy h1{font:700 3.15rem/1.05 Fraunces,serif;margin:8px 0;max-width:680px;text-shadow:0 2px 12px #1a1010}.pageHeroCopy p{font-size:1rem;margin:0;max-width:550px;color:#fff2de;text-shadow:0 1px 6px #17100d}.kicker,.label{font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#f7d28d}.pageHero-home .pageHeroCopy{display:none}.pageHeroSign{position:absolute;right:max(28px,calc((100% - 1380px)/2 + 24px));top:50%;transform:translateY(-50%) rotate(1deg);width:225px;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#eec38b;color:#38201d;border:6px double #865a35;box-shadow:0 6px 15px #180c0b99;font-family:Fraunces,serif}.pageHeroSign strong{font-size:1.2rem;letter-spacing:.04em}.pageHeroSign>span:last-child{font-size:1rem}.signRose{font-size:1.1rem;color:#a52f40}
.pageTrail{width:100%;max-width:none;margin:0;position:relative;display:flex;gap:10px;align-items:center;min-height:48px;padding:9px max(24px,calc((100% - 1380px)/2));color:#7f453d;font:500 .9rem Fraunces,serif;background:linear-gradient(90deg,#f2e5d0,#fff8e9 24%,#f5e9d6 76%,#efe1ca);border-bottom:1px solid #d7bd91}.pageTrail:after{content:"🌹";position:absolute;right:max(24px,calc((100% - 1380px)/2));top:50%;transform:translateY(-50%);font-size:1.15rem;opacity:.85}.pageTrail a{color:#704537;text-decoration:none}.pageTrail a:hover{text-decoration:underline}.paper{background:var(--paper);padding:clamp(28px,4vw,58px) 0}.intro{max-width:760px}.eyebrow{color:var(--rose);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.intro h2,.sectionTitle{font:700 clamp(1.8rem,3.5vw,2.8rem)/1.13 Fraunces,serif;color:#51252e;margin:8px 0 14px}.intro p{font-size:1.05rem}.cta{display:inline-flex;align-items:center;gap:8px;background:var(--rose);color:#fff;text-decoration:none;padding:12px 18px;border-radius:10px;font-weight:750;box-shadow:0 3px 0 #702330;margin-top:12px}.cta:hover{background:#842638}.cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.tile,.contentCard{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:21px;box-shadow:0 8px 18px #4f2b190a}.tileIcon{font-size:1.8rem}.tile h3,.contentCard h3{font:700 1.2rem Fraunces,serif;color:#51252e;margin:8px 0}.tile p,.contentCard p{color:#62564f}.tile a{color:var(--rose);font-weight:750}.paperBand{background:#f8eddd;padding:38px 0}.characters{display:block;width:min(320px,80%);margin:18px auto -45px}
.homeMain{background:var(--paper);padding:18px 0 36px}.homeGrid{display:grid;grid-template-columns:230px minmax(0,1fr) 250px;gap:18px;align-items:start}.homeWelcome{text-align:center;padding:8px 12px 20px}.homeLogo{font:700 clamp(2rem,3.8vw,3.5rem)/1 Fraunces,serif;color:#9f2b42;letter-spacing:-.04em;margin:5px 0}.homeLogo small{display:block;font-size:.48em;letter-spacing:0;color:#622a31;margin-top:5px}.flowerRule{display:flex;align-items:center;justify-content:center;gap:12px;color:#b6424b;margin:18px auto}.flowerRule:before,.flowerRule:after{content:'';height:1px;background:#cb8b69;width:min(120px,24vw)}.welcomeTitle{font:700 clamp(1.55rem,2.6vw,2.2rem) Fraunces,serif;color:#462027;margin:10px 0}.welcomeCopy{max-width:640px;margin:0 auto;color:#645650;font:1.08rem/1.5 Fraunces,serif}.homeCards{display:flex;width:100%;overflow:hidden;gap:14px;margin-top:18px;touch-action:pan-y}.homeCardsTrack{display:flex;width:100%;gap:14px;transition:transform .65s cubic-bezier(.2,.7,.2,1);will-change:transform}.petalCard{display:block;flex:0 0 calc((100% - 28px)/3);min-width:0;background:#fffaf2;border:1px solid #e6d6c1;border-radius:10px;padding:9px;text-decoration:none;box-shadow:0 4px 10px #45251a0a;transition:transform .18s,box-shadow .18s}.petalCard:hover{transform:translateY(-3px);box-shadow:0 8px 16px #45251a1a}.petalCard img{display:block;width:100%;height:142px;object-fit:cover;border-radius:6px;background:#462831}.petalCard strong{display:block;font:700 1rem Fraunces,serif;color:#4c242c;margin:8px 0 4px}.petalCard span{display:block;color:#675c54;font-size:.83rem;line-height:1.4}.petalCarousel{position:relative;z-index:4;margin-top:18px;padding:0 44px}.carouselButton{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:36px;height:48px;border:1px solid #d4b67e;border-radius:9px;background:#fff8e9;color:#702b3e;font-size:1.3rem;box-shadow:0 3px 10px #45251a22;cursor:pointer}.carouselPrev{left:0}.carouselNext{right:0}.carouselButton:hover,.carouselPause:hover{background:#f4e4c6}.carouselControls{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px 0 0;color:#65564b;font-size:.8rem}.carouselPause{border:1px solid #d4b67e;border-radius:999px;background:#fff8e9;color:#542d31;padding:5px 12px;cursor:pointer}.carouselButton:focus-visible,.carouselPause:focus-visible,.petalCard:focus-visible{outline:3px solid #b3445e;outline-offset:3px}
.catalogLanding{padding:24px}.collectionIntro{padding:4px 0 18px;border-bottom:1px solid #e1c99f}.collectionIntro h1,.collectionIntro h2{font:700 2rem/1.1 Fraunces,serif;color:#51252e;margin:7px 0}.collectionIntro p{max-width:780px;color:#62564f;margin:8px 0}.collectionSection{margin:22px 0}.collectionHeading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid #dfc89e;margin-bottom:12px}.collectionHeading h2{font:700 1.6rem Fraunces,serif;color:#51252e;margin:0 0 8px}.collectionHeading span,.sectionNote{font-size:.8rem;color:#705b46}.catalogCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.catalogCard{display:flex;flex-direction:column;min-width:0;min-height:225px;padding:14px 15px;background:#fffaf1;border:1px solid #e4cfad;border-radius:7px;color:var(--ink);text-decoration:none;box-shadow:0 4px 12px #4829160b;transition:transform .16s,box-shadow .16s}.catalogCard:hover{transform:translateY(-2px);box-shadow:0 9px 18px #48291620;border-color:#c3915f}.catalogCardTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.catalogIcon{font-size:1.45rem}.cardState{font-size:.63rem;line-height:1.25;color:#6e573d;background:#f5e8d0;padding:5px 7px;border-radius:4px;text-align:right}.catalogCard h3{font:700 1.04rem/1.2 Fraunces,serif;color:#51252e;margin:9px 0 5px}.catalogCard p{font-size:.78rem;line-height:1.4;color:#62564f;margin:0 0 10px;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.catalogCardFoot{display:flex;flex-direction:column;gap:6px;border-top:1px solid #ecdcc4;padding-top:8px}.catalogCardFoot small{font-size:.65rem;line-height:1.25;color:#77695c}.catalogCardFoot b{font-size:.76rem;color:#8f293b}
.catalog{padding-bottom:55px}.split{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}.catalogNav{background:#fffaf2;border:1px solid #e6d6c1;border-radius:9px;padding:10px;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;box-shadow:0 4px 10px #45251a0a}.sideTitle{font:700 1.05rem Fraunces,serif;color:#55252f;margin:4px 6px 9px}.catalogNav details{border-top:1px solid #ecdccc}.catalogNav summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:9px 7px;font-weight:750;color:#51252e}.catalogNav summary::-webkit-details-marker{display:none}.catalogNav summary span{color:var(--rose)}.sideLinks{display:grid;gap:2px;padding:0 0 8px 7px}.sideLinks a{display:flex;gap:8px;align-items:center;text-decoration:none;font-size:.83rem;padding:6px;border-radius:6px;color:#554a44}.sideLinks a:hover,.sideLinks a.selected{background:#f5dfd9;color:#8f293b;font-weight:750}.featured{background:#fffaf2;border:1px solid #e6d6c1;border-radius:9px;padding:12px;box-shadow:0 4px 10px #45251a0a}.featuredTitle{font:700 1rem Fraunces,serif;color:#642b31;margin:0 0 9px}.featured img{display:block;width:100%;height:184px;object-fit:cover;border-radius:6px;background:#462831}.featured h3{font:700 1.4rem Fraunces,serif;color:#4b242b;margin:8px 0 2px}.featured p{font:.88rem/1.45 Fraunces,serif;color:#62564f;margin:0 0 9px}.catalogNav details:not([open]) .sideLinks{display:none}
.detail{background:linear-gradient(145deg,#fff9ec,#fff4e0);border:2px solid #d7b36f;border-radius:8px;padding:clamp(20px,2.4vw,32px);box-shadow:0 7px 24px #3320141a}.detailTop{display:flex;gap:17px;align-items:center;padding-bottom:19px;border-bottom:1px solid var(--line)}.bigIcon{width:68px;height:68px;flex:none;display:grid;place-items:center;font-size:2.3rem;background:#f5e6d7;border-radius:12px;border:1px solid #e3cfb9}.detail h1,.detail h2{font:700 clamp(1.7rem,3.5vw,2.45rem)/1.1 Fraunces,serif;color:#51252e;margin:5px 0}.detailTop p{margin:0;color:#62564f}.detailMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.metaCard{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:#f8edd8;border:1px solid #e1c99f;border-radius:6px}.metaCard span,.metaCard small{font-size:.76rem;color:#705b46}.metaCard b{font:700 1rem Fraunces,serif;color:#56262e}.metaCard small{line-height:1.3}.detailSections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0}.contentPanel{margin:0!important;padding:16px 18px;background:#fff9ed;border:1px solid #e7d3af;border-radius:7px}.featurePanel{grid-column:1/-1}.progress{margin:18px 0;padding:14px;background:#f8ecdd;border-radius:9px}.progress>div{display:flex;justify-content:space-between;gap:10px;color:#51252e}.progress span{font-weight:800;color:var(--rose)}.progress p{font-size:.8rem;margin:4px 0 0;color:#6c6059}.detail section{margin:20px 0}.detail h3{font:700 1.25rem Fraunces,serif;color:#51252e;margin:0 0 7px}.promptCorrectorPage section>h2{font:700 1.25rem Fraunces,serif;color:#51252e;margin:0 0 7px}.contentPanel h3{font-size:1.3rem}.features{padding-left:20px}.features li{margin:6px 0}.notice{background:#f8ecdd;border-left:4px solid #bd8e50;padding:13px 15px;border-radius:0 8px 8px 0;margin-top:15px}.notice p{margin:5px 0 0}.notice.quiet{background:#f6f0e7;border-color:#899372;font-size:.88rem}.evidence-shot{margin:20px 0;padding:8px;background:#f8ecdd;border:1px solid #e3cfb9;border-radius:9px}.evidence-shot img{display:block;width:100%;height:auto;border-radius:5px}.evidence-shot figcaption{padding:8px 4px 0;font-size:.78rem;color:#62564f}.simple{background:var(--paper);padding:34px 0 58px;min-height:55vh}.simple h1{font:700 clamp(2rem,4.5vw,3.8rem) Fraunces;color:#51252e}.simple h2{font:700 1.4rem Fraunces;color:#51252e}
footer{color:#f2e4d7;background:var(--plum);border-top:4px solid #bd8e50;padding:30px 0 16px}.footgrid{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.4fr;gap:25px}.footgrid>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.footerBrand{font:700 1.2rem Fraunces,serif;text-decoration:none}.footerBrand small{display:block;font:600 .73rem 'DM Sans',sans-serif;color:#dfba80}.footgrid a:not(.footerBrand){color:#ecd9cb}.footgrid p{margin:3px 0;color:#d6c5b9;font-size:.84rem}.footgrid b{color:#f1c36f}.copyright{border-top:1px solid #ffffff2b;margin-top:20px;padding-top:12px;font-size:.76rem;color:#cab8aa}
/* Framed RPG garden treatment and page-to-footer artwork */
body{background:#172a20 url('/assets/rose-etta-map-hero.webp') center 112px/cover fixed no-repeat}
.top,footer{width:min(1440px,100%);margin-inline:auto;border-inline:4px double #bd9a61}
.top{border-top:0;border-bottom:3px solid #bd9a61}
.pageHero{height:clamp(200px,19vw,250px);aspect-ratio:4.8/1;border-width:5px}
.pageTrail{width:min(1440px,100%);max-width:1440px;padding:10px max(24px,calc((100% - 1380px)/2));margin-inline:auto;background:#fff1d8;border-inline:4px double #bd9a61;border-bottom:1px solid #cdb587}
.homeMain,.simple{background:#fffaf2ed;border-inline:4px double #bd9a61}
.catalog{width:min(1440px,100%);max-width:1440px;margin-inline:auto;padding:26px 22px;background:#fffaf2ed;border-inline:4px double #bd9a61}
.instructionsLink{margin:-4px 0 16px}.instructionsLink a,.instructionTabs a{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #d7b36f;border-radius:5px;background:#fae8d5;color:#652b34;font-weight:750;text-decoration:none}
.navDrop{position:relative}.navDrop summary{list-style:none;cursor:pointer;padding:9px 15px;border-radius:7px;color:#fff4df;font:500 1rem Fraunces,serif}.navDrop summary::-webkit-details-marker{display:none}.navDrop summary::after{content:'⌄';padding-left:8px;color:#f1c36f}.navDrop[open] summary,.navDrop summary:hover{background:#ffffff18;color:#ffd887}.navDrop>div{position:absolute;top:100%;right:0;min-width:210px;display:grid;padding:7px;background:#163b2c;border:1px solid #bd9a61;box-shadow:0 8px 18px #20111655;z-index:8}.navDrop>div a{padding:8px 10px!important;border-radius:4px!important}.mobileNav .navDrop{grid-column:span 2}.mobileNav .navDrop>div{position:static;margin-top:4px;box-shadow:none}.mobileNav .navDrop>div a{font-size:.9rem}
.instructionTabs{display:flex;gap:10px;margin:14px 0 20px}.instructionTabs a[aria-current=page]{background:#a83243;border-color:#a83243;color:white}.instructionPage .contentPanel{margin:14px 0!important}.instructionPage .contentPanel h2{font-size:1.45rem}.backLink{padding-top:10px}
.petalNavItem{border-top:1px solid #ecdccc}.petalNavItem>summary{font-weight:600!important;font-size:.8rem}.petalNavItem>summary span{display:flex;gap:7px;align-items:center}.petalNavItem .sideLinks{padding-left:20px}.petalNavItem .sideLinks a{font-size:.77rem}.petalNavItem:not([open]) .sideLinks{display:none}.catalogNav .navGroup>summary b,.petalNavItem>summary b{font-size:.85rem;color:var(--rose);transition:transform .16s}.catalogNav details[open]>summary b{transform:rotate(180deg)}
.detail{position:relative;isolation:isolate;overflow:hidden;border-inline:4px double #9c7547;border-block:3px double #d7b36f}.detail>*{position:relative;z-index:1}.detail::after{content:"";position:absolute;z-index:0;right:-10px;bottom:-12px;width:min(300px,32%);height:170px;background:url('/assets/rose-etta-featured-petal.webp') center/cover no-repeat;opacity:.17;mask-image:linear-gradient(135deg,transparent 0%,#000 48%);pointer-events:none}
footer{position:relative;padding-top:78px;overflow:visible}.footerScene{position:absolute;top:-45px;right:-120px;width:190px;height:117px;object-fit:cover;border:4px double #d5b273;border-radius:4px;box-shadow:0 5px 15px #20160f77;z-index:3}.footgrid{position:relative;z-index:2}
@media(max-width:850px){.pageHero{height:260px;aspect-ratio:auto}}
@media(max-width:620px){.pageHero{height:220px;aspect-ratio:auto}.footerScene{width:130px;height:80px;top:-28px;right:-55px}.pageTrail{padding-inline:14px}}
@media(max-width:1150px){.catalogCards{grid-template-columns:repeat(2,minmax(0,1fr))}.homeGrid{grid-template-columns:250px minmax(0,1fr)}.featured{grid-column:2;max-width:460px;justify-self:center}.petalCard{flex-basis:calc((100% - 14px)/2)}.homeLogo{font-size:2.7rem}}
@media(max-width:850px){.wrap{width:calc(100% - 32px)}.mainnav{display:none}.headerActions{gap:7px}.searchPanel{grid-template-columns:1fr;right:0;max-width:calc(100vw - 28px)}.menuToggle{display:block;background:transparent;border:1px solid #d3ae75;color:#fff5e3;padding:7px 11px;border-radius:6px;font-size:1.15rem}.mobileNav{position:absolute;top:72px;left:0;right:0;background:var(--plum2);padding:8px 16px 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.mobileNav[hidden]{display:none}.split{grid-template-columns:230px minmax(0,1fr)}.cardgrid{grid-template-columns:repeat(2,1fr)}.homeGrid{grid-template-columns:230px minmax(0,1fr)}.footgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.pageHero{height:260px}.pageHeroCopy h1{font-size:2.6rem}.detailSections{grid-template-columns:1fr}.featurePanel{grid-column:auto}.detailMeta{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.catalogCards{grid-template-columns:1fr}.catalogLanding{padding:16px}.wrap{width:calc(100% - 24px)}.top,.bar{height:58px}.kingBrand{font-size:1.12rem}.pageHero{height:245px}.pageHeroSign{right:10px;width:150px;min-height:77px;border-width:4px}.pageHeroSign strong{font-size:.85rem}.pageHeroSign>span:last-child{font-size:.75rem}.pageHeroSign .signRose{font-size:.8rem}.pageHeroCopy{padding-left:3px}.pageHeroCopy h1{font-size:2rem;max-width:75%}.pageHeroCopy p{font-size:.85rem;max-width:70%}.pageTrail{padding-top:8px;font-size:.75rem}.mobileNav{top:58px;grid-template-columns:repeat(2,1fr)}.split,.homeGrid{grid-template-columns:1fr}.catalogNav{position:static;max-height:380px}.featured{grid-column:auto;max-width:none}.homeWelcome{padding:14px 4px}.homeLogo{font-size:2.4rem}.petalCarousel{padding:0 37px}.homeCardsTrack{gap:10px}.petalCard{flex-basis:100%;padding:8px}.petalCard img{height:165px}.cardgrid,.footgrid{grid-template-columns:1fr}.detailTop{align-items:flex-start}.detailMeta{grid-template-columns:1fr}.progress>div{align-items:flex-start;flex-direction:column}.footgrid{gap:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Keep the approved RPG map visible on every page, with a consistent centered frame. */
.homeMain,.simple{width:min(1440px,100%);margin-inline:auto;background:#fffaf2df;border-inline:4px double #bd9a61}
.catalog{background:#fffaf2df}
.detail{background:linear-gradient(145deg,#fff9ece6,#fff4e0e0)}
.catalogNav,.featured,.contentCard,.contentPanel,.tile{background-color:#fffaf2e8}
.catalogCard,.petalCard{background-color:#fffaf2ed}
.top,.pageHero,.pageTrail,.catalog,.homeMain,.simple,footer{margin-inline:auto}
.pageHero>img{display:block;object-fit:cover;object-position:center;width:100%;height:100%}
.catalogNav{background:#fffaf2e8}
/* One calm, centered canvas on large monitors: keep the garden visible at both sides. */
.top,.pageHero,.pageTrail,.catalog,.homeMain,.simple,footer{width:min(1120px,calc(100% - 32px));max-width:1120px}
.pageHero{display:block;visibility:visible;min-height:clamp(200px,19vw,250px)}
.pageHero>img{display:block}
.pageTrail{width:min(1120px,calc(100% - 32px))!important;max-width:1120px!important;box-sizing:border-box;margin-inline:auto!important;padding:9px 18px!important;justify-content:flex-start;border-left:4px double #bd9a61;border-right:4px double #bd9a61}
.pageTrail:after{right:max(24px,calc((100% - 1040px)/2))}
.top .bar{width:min(1040px,calc(100% - 40px))}
.catalog{padding-inline:22px}
.simple>.wrap,.homeMain>.wrap{width:min(1040px,calc(100% - 40px))}
.footerScene{right:max(26px,calc((100% - 1040px)/2))}
.homeMain,.simple,.catalog{background:#fffaf2df}
.catalogNav,.featured,.contentCard,.contentPanel,.tile{background-color:#fffaf2ed}
.simple h1{font-size:clamp(2rem,3vw,2.8rem);line-height:1.08;max-width:900px}
.catalogSiteLinks{padding-bottom:8px;border-bottom:1px solid #ecdccc;margin-bottom:10px}.catalogSiteLinks>.sideTitle{margin-bottom:4px}.catalogSiteLinks>.sideLinks{padding:0 0 7px}.catalogSiteLinks .sideLinks a[aria-current="page"]{background:#f5dfd9;color:#8f293b;font-weight:750}.catalogSiteLinks .navGroup{border-top:1px solid #ecdccc}.catalogSiteLinks .navGroup>.sideLinks{padding-left:18px}

.catalog>.split{width:min(1040px,100%);margin-inline:auto}@media(max-width:620px){.catalog{padding-inline:12px}.catalog>.split{width:100%}}

.simple.withSidebar{padding:26px 22px 54px;min-height:55vh}
.simple.withSidebar>.split{width:min(1040px,100%);margin-inline:auto}
.simpleContent{min-width:0}.simpleBody{position:relative;z-index:1}.simpleBody h1{font:700 clamp(2rem,3vw,2.8rem)/1.1 Fraunces,serif;color:#51252e;margin:6px 0 14px}.simpleBody h2{font:700 1.4rem Fraunces,serif;color:#51252e}.simpleBody .contentCard,.simpleBody .notice{margin:16px 0}
.problemPanel{border:2px solid #bd7654!important;background:#fff3e6!important;padding:22px!important}.problemPanel h2,.solutionPanel h2,.howPanel h2,.historyPanel h2,.screenshotPanel h2{font:700 clamp(1.35rem,2.1vw,1.8rem)/1.18 Fraunces,serif;color:#51252e;margin:4px 0 10px}.problemPanel>p{font-size:1.08rem;line-height:1.65}.originNote{font-size:.83rem!important;color:#695c53;margin-top:12px!important}.solutionPanel{border-left:4px solid #7d9664!important}.howPanel{border-left:4px solid #d3a04f!important}.historyPanel,.screenshotPanel{margin-top:15px!important}.historyList{padding-left:24px}.historyList>li{padding:8px 0 10px 3px;border-bottom:1px solid #ebdfcf}.historyList p{margin:3px 0}.historyList small{color:#76665a;font-size:.76rem;overflow-wrap:anywhere}.screenshotPanel .evidence-shot{margin:10px 0 0}.screenshotPanel .evidence-shot img{max-height:520px;object-fit:contain;background:#f4e8da}.detail .problemPanel,.detail .solutionPanel,.detail .howPanel{margin:12px 0!important}
.catalogSiteLinks .sideLinks a[aria-current="page"]{background:#f5dfd9;color:#8f293b;font-weight:750}
@media(max-width:620px){.simple.withSidebar{padding:12px}.simple.withSidebar>.split{width:100%}}
.imageExpand{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.imageExpand img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:5px}.imageExpand:focus-visible,.imageViewerToolbar button:focus-visible{outline:3px solid #bd8e50;outline-offset:3px}.imageViewer{box-sizing:border-box;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:58px 16px 16px;border:0;background:#171314;color:#fff;overflow:auto}.imageViewer::backdrop{background:#171314f2}.imageViewer[open]{display:grid;place-items:center}.imageViewer>img{max-width:min(96vw,1500px);max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);width:auto;height:auto;object-fit:contain}.imageViewerToolbar{position:absolute;top:12px;right:16px}.imageViewerToolbar button{border:1px solid #ffffff66;border-radius:999px;padding:9px 15px;background:#30282a;color:#fff;font:inherit;cursor:pointer}
.imagined-examples .imagined-set{margin-top:22px}.imagined-examples .evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.imagined-card{min-width:0;margin:0;padding:10px;background:#f5efdf;border:1px solid #d8c69e;border-radius:12px}.imagined-card img{aspect-ratio:3/2;object-fit:cover}.imagined-card img.pixel-art{image-rendering:pixelated}.imagined-card figcaption{padding:9px 3px 1px;font-size:.84rem}.imagined-card figcaption strong,.imagined-card figcaption span,.imagined-card figcaption a{display:block}.imagined-card figcaption strong{font:700 1.05rem Fraunces,Georgia,serif}.imagined-card figcaption a{margin-top:6px;color:#6d4c24;font-weight:700}.imagined-card details{margin-top:8px}.imagined-card summary{color:#6d4c24;font-weight:700;cursor:pointer}.imagined-card .prompt-text{margin:8px 0 2px;padding:10px;background:#fffdf8;border-radius:8px;color:#37443b;font:.78rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.imagined-examples>p{line-height:1.6}@media(max-width:850px){.imagined-examples .evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.imagined-examples .evidence-grid{grid-template-columns:1fr}}
.buttonLink{display:inline-block;padding:10px 15px;background:#7e3140;color:#fffaf2;border:2px solid #bd9a61;border-radius:8px;text-decoration:none;font-weight:700}.buttonLink:hover,.buttonLink:focus-visible{background:#542530;color:#fff}.feedbackPanel{border-left:4px solid #b76567}.simpleBody li{margin:.35em 0}.simpleBody .lead{font-size:1.12rem;line-height:1.65;color:#514039}.simpleBody p{line-height:1.65}
.founderLetter{border-left:4px solid #9b5260!important;background:#fff7ed!important}.futurePlan{border-left:4px solid #8a9c68!important;background:#f7f4e8!important}.futurePlan .eyebrow{display:block;margin-bottom:6px;color:#66784c;font-size:.78rem;font-weight:800;letter-spacing:.06em}.guideBody .contentCard{margin:18px 0;padding:20px}.guideTableWrap{max-width:100%;overflow-x:auto}.guideTable{border-collapse:collapse;width:100%;min-width:680px;font-size:.9rem}.guideTable th,.guideTable td{border:1px solid #dbcbb9;padding:10px;text-align:left;vertical-align:top}.guideTable th{background:#f1e4d2;color:#51252e}.copyablePrompt{margin:14px 0;border:1px solid #d4bf9f;border-radius:10px;background:#fff7eb}.copyablePrompt summary{padding:12px 15px;color:#642f3a;font-weight:750;cursor:pointer}.copyablePrompt pre{max-height:680px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:15px;background:#2b2422;color:#fff5e6;border-radius:0 0 9px 9px;font:.8rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.copyablePrompt code{font:inherit}
.characterCard>a{display:block;width:100%;max-width:900px;margin:12px auto 0}.characterCard>a>img{display:block;width:100%;height:auto;object-fit:contain;border-radius:10px;background:#f6eddf}.characterCard .caption{text-align:center;font-size:.82rem;margin:7px 0 0}

.skipLink{position:absolute;left:12px;top:-60px;z-index:1000;background:#fffaf2;color:#51252e;border:2px solid #bd9a61;border-radius:6px;padding:10px 14px;font-weight:800}.skipLink:focus{top:10px}.searchStatus{grid-column:1/-1;margin:2px 0 0;font-size:.82rem;color:#51252e}

/* KD_EARLY_ADOPTER_PRICING_FOOTER_V1 */
.kdOfferFooter{margin:2.5rem auto 0;padding:clamp(1.25rem,3vw,2.25rem);max-width:1100px;display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;border:2px solid #b99150;border-radius:18px;background:linear-gradient(135deg,#fff9eb,#f4ead5);color:#30231e;box-shadow:0 10px 28px rgba(24,36,27,.12)}
.kdOfferFooter h2,.kdOfferFooter h3{margin:.2rem 0 .7rem;color:#542732}.kdOfferFooter p{line-height:1.55;margin:.45rem 0}.kdOfferFooter .kdOfferEyebrow{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#67502d}.kdOfferFooter .kdOfferActions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.kdOfferFooter a.kdOfferButton{display:inline-block;padding:.7rem 1rem;border-radius:999px;background:#123023;color:#fff;text-decoration:none;font-weight:700}.kdOfferFooter a.kdOfferSecondary{display:inline-block;padding:.7rem 1rem;border:1px solid #123023;border-radius:999px;color:#123023;text-decoration:none;font-weight:700}.kdOfferFooter .kdOfferNote{font-size:.88rem;color:#554a42}@media(max-width:700px){.kdOfferFooter{grid-template-columns:1fr;margin-top:1.5rem}}
/* KD homepage refresh: give the welcome message room to breathe. */
.homeMain{background:#fffaf2f7}
.homeGrid{grid-template-columns:minmax(0,1fr) 280px;gap:clamp(28px,5vw,64px);align-items:center;max-width:1040px;margin-inline:auto}
.homeWelcome{text-align:left;padding:clamp(22px,4vw,48px) 0}
.homeLogo{text-align:left;font-size:clamp(2.2rem,4vw,3.65rem)}
.homeWelcome .flowerRule{margin:15px 0}
.homeWelcome .eyebrow{margin:0 0 7px;color:#8f293b;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font:700 .77rem 'DM Sans',sans-serif}
.homeWelcome .welcomeTitle{font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.08;max-width:680px;margin:8px 0 14px}
.homeWelcome .welcomeCopy{max-width:650px;margin:0;color:#574b44;font:1.15rem/1.65 Fraunces,serif}
.homeActions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}
.homeTextLink{color:#632a35;font-weight:750;text-decoration-thickness:1px;text-underline-offset:3px}
.homeNote{margin:20px 0 0;color:#78695d;font-size:.85rem;letter-spacing:.02em}
.homeGrid .featured{width:100%;box-sizing:border-box;background:#fffaf2;border-color:#d8c49d}
.homeGrid .featured img{height:auto;aspect-ratio:4/3;object-fit:cover}
@media(max-width:760px){
.homeGrid{grid-template-columns:1fr;max-width:620px;gap:8px}
.homeWelcome{text-align:center;padding:24px 4px 16px}
.homeLogo{text-align:center}
.homeWelcome .flowerRule{margin:14px auto}
.homeWelcome .welcomeTitle,.homeWelcome .welcomeCopy{margin-inline:auto}
.homeActions{justify-content:center}
.homeGrid .featured{max-width:440px;justify-self:center}
}

/* KD 75 percent early adopter and navigation layout repair 2026-10-18 */
.earlyAdopterOffer{margin:1.25rem 0 1.5rem;padding:clamp(1rem,2vw,1.5rem);border:2px solid #b99150;border-radius:16px;background:linear-gradient(135deg,#fff8e9,#f6e8d3 58%,#f8edf0);box-shadow:0 8px 22px #48291612}
.earlyAdopterOffer .offerEyebrow{margin:0 0 .35rem;color:#75552d;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.earlyAdopterOffer h2{margin:.1rem 0 .5rem;color:#51252e;font:700 clamp(1.45rem,3vw,2rem)/1.15 Fraunces,serif}
.earlyAdopterOffer p{margin:.4rem 0;line-height:1.5}
.earlyAdopterOffer .offerPrice{font-size:1.12rem;font-weight:800;color:#183b2b}
.earlyAdopterOffer .offerFinePrint{font-size:.86rem;color:#5f554e}
.earlyAdopterOffer a{display:inline-flex;margin-top:.45rem}


@media (prefers-reduced-motion: no-preference){img[src="/assets/petal-scene-intelligent-webmail.webp"]{content:url("/assets/petal-scene-intelligent-webmail-quiet-glints.gif")}}

/* KD_SITE_MAX_WIDTH_1920_2026-10-20 */
:root{--site-width:1920px}
.wrap{width:min(1920px,calc(100% - 48px))}
.top,.pageHero,.pageTrail,.catalog,.homeMain,.simple,footer{width:min(1920px,calc(100% - 32px));max-width:1920px}
.top .bar{width:min(1920px,calc(100% - 40px));max-width:1920px}
.pageHeroSign{right:24px}
.homeMain>.wrap,.simple>.wrap{width:min(1920px,calc(100% - 40px));max-width:1920px}
.homeGrid{width:100%;max-width:1920px}
.catalog>.split,.simple.withSidebar>.split{width:min(1920px,100%);max-width:1920px}
.pageTrail:after{right:24px}
.footerScene{right:24px}
@media(max-width:850px){.wrap{width:calc(100% - 32px)}}
@media(max-width:620px){.wrap{width:calc(100% - 24px)}}