:root{--cream:#fff7ed;--paper:#ffffff;--cocoa:#2b160f;--muted:#775b4e;--line:#ead8c5;--caramel:#c66f2d;--berry:#9a2938;--deep:#170c08}.dark{--cream:#170c08;--paper:#24120c;--cocoa:#fff4e7;--muted:#d7bca6;--line:#4e2a1b;--caramel:#e59a58;--berry:#f3a0a9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg,color-mix(in srgb,var(--cream) 90%,white) 0,var(--cream) 42%,#fff 100%);color:var(--cocoa);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;margin:0;overflow-x:hidden}.dark body{background:linear-gradient(180deg,#170c08,#20110c 45%,#140906)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-link{background:#fff;border-radius:8px;color:#2b160f;font-weight:800;left:1rem;padding:.75rem 1rem;position:fixed;top:1rem;transform:translateY(-150%);z-index:100}.skip-link:focus{transform:translateY(0)}.brand-focus:focus-visible{outline:3px solid color-mix(in srgb,var(--caramel) 72%,white);outline-offset:3px}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--paper) 92%,transparent);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:40}.footer-inner,.hero-inner,.nav-wrap,.section-inner{margin:0 auto;max-width:1216px;padding-left:1rem;padding-right:1rem}.nav-wrap{gap:1rem;justify-content:space-between;min-height:4.5rem;padding-bottom:.75rem;padding-top:.75rem;position:relative}.logo-link,.nav-wrap{align-items:center;display:flex}.logo-link{gap:.75rem}.logo-link img{border-radius:999px;height:3rem;width:3rem}.brand-name{color:var(--cocoa);display:none;font-size:.875rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.primary-nav{display:none;gap:1.75rem}.mobile-menu a,.primary-nav a{color:var(--muted);font-size:.875rem;font-weight:750}.mobile-menu a:hover,.primary-nav a:hover{color:var(--cocoa)}.nav-actions{align-items:center;display:flex;gap:.5rem}.icon-button,.menu-button{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:8px;color:var(--cocoa);cursor:pointer;display:grid;height:2.5rem;justify-content:center;width:2.5rem}.theme-button{display:none}.menu-button{background:#2b160f;border-color:#2b160f;color:#fff;position:fixed;right:1rem;top:1rem;z-index:50}.book-button,.ghost-button,.solid-button{align-items:center;border-radius:8px;display:inline-flex;font-size:.9rem;font-weight:900;gap:.5rem;justify-content:center;min-height:2.875rem;padding:.75rem 1rem}.book-button,.solid-button{background:var(--cocoa);color:#fff}.dark .book-button,.dark .solid-button{background:var(--caramel);color:#170c08}.book-button{display:none}.mobile-menu{background:var(--paper);border-top:1px solid var(--line);display:grid;grid-gap:.5rem;gap:.5rem;padding:1rem}.mobile-menu[hidden]{display:none}.mobile-menu a{border-radius:8px;padding:.75rem .5rem}.mobile-menu a:hover{background:var(--cream)}.hero{background-image:linear-gradient(90deg,rgba(23,12,8,.82),rgba(43,22,15,.62) 48%,rgba(43,22,15,.22)),url(https://thechocolateroom.ca/wp-content/uploads/2025/03/WhatsApp-Image-2025-03-20-at-3.06.42-PM.jpeg);background-position:50%;background-size:cover;color:#fff}.hero,.hero-inner{min-height:calc(100svh - 72px)}.hero-inner{display:flex;flex-direction:column;justify-content:center;padding-bottom:3rem;padding-top:3rem}.hero-content{max-width:48rem}.eyebrow{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);border-radius:8px;color:rgba(255,255,255,.9);display:inline-flex;font-size:.75rem;font-weight:850;letter-spacing:.18em;margin-bottom:1.25rem;padding:.375rem .75rem;text-transform:uppercase}.hero h1{color:#fff;font-size:clamp(2.25rem,12vw,4.75rem);font-weight:950;line-height:1;margin:0;max-width:45rem}.hero-copy{color:rgba(255,255,255,.86);font-size:1rem;line-height:1.8;margin:1.5rem 0 0;max-width:20rem}.hero-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:2.25rem;max-width:20rem}.hero .solid-button{background:#fff;color:#2b160f}.ghost-button{border:1px solid rgba(255,255,255,.3);color:#fff}.hero-stats{display:none;gap:.75rem;margin-top:3.5rem;max-width:48rem}.hero-stat{border-top:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.85);flex:1 1;font-size:.875rem;padding-top:1rem}.hero-stat strong{color:#fff;display:block;font-size:2rem;line-height:1}.filter-band{background:var(--paper);border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.filter-shell{padding-bottom:1.5rem;padding-top:1.5rem}.filter-top{display:grid;grid-gap:1rem;gap:1rem}.section-kicker{color:var(--caramel);font-size:.875rem;font-weight:900;letter-spacing:.16em;margin:0;text-transform:uppercase}.filter-top h2{color:var(--cocoa);font-size:clamp(2rem,4vw,2.5rem);font-weight:950;line-height:1.05;margin:.25rem 0 0}.controls{display:grid;grid-gap:.75rem;gap:.75rem}.search-control{position:relative}.search-control svg{color:var(--muted);left:.875rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.controls select,.search-control input{background:var(--cream);border:1px solid var(--line);border-radius:8px;color:var(--cocoa);font-size:.875rem;font-weight:750;height:2.75rem;width:100%}.search-control input{padding:0 .875rem 0 2.5rem}.controls select{padding:0 .875rem}.category-list{display:flex;gap:.5rem;margin-top:1.25rem;overflow-x:auto;padding-bottom:.25rem}.category-button{background:var(--cream);border:1px solid var(--line);border-radius:8px;color:var(--muted);cursor:pointer;flex:0 0 auto;font-size:.875rem;font-weight:900;padding:.625rem .875rem}.category-button.is-active{background:var(--cocoa);border-color:var(--cocoa);color:#fff}.dark .category-button.is-active{background:var(--caramel);border-color:var(--caramel);color:#170c08}.api-status{color:var(--muted);font-size:.875rem;font-weight:750;margin:1rem 0 0}.blog-section{padding-bottom:3rem;padding-top:2.5rem}.featured-post{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 22px 60px rgba(42,22,15,.12);overflow:hidden}.featured-grid{display:grid}.card-image,.featured-image{background:#f7eadb;border:0;display:block;overflow:hidden;padding:0;width:100%}.card-image img,.featured-image img{display:block;height:100%;object-fit:cover;width:100%}.featured-image img{min-height:18rem}.featured-copy{display:flex;flex-direction:column;justify-content:center;padding:1.25rem}.blog-card h3,.featured-copy h3{color:var(--cocoa);font-weight:950;line-height:1.15;margin:.75rem 0 0}.featured-copy h3{font-size:clamp(1.85rem,4vw,2.6rem)}.blog-card p,.featured-copy p{color:var(--muted);line-height:1.7}.tag-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{background:var(--cream);border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:900;padding:.375rem .625rem}.post-meta,.tag{color:var(--muted)}.post-meta{font-size:.875rem;font-weight:800}.featured-footer{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.cards-grid{display:grid;grid-gap:1.25rem;gap:1.25rem;margin-top:2rem}.blog-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 1px 3px rgba(42,22,15,.06);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.blog-card:hover{box-shadow:0 22px 60px rgba(42,22,15,.12);transform:translateY(-4px)}.card-image{height:14rem}.card-image img{transition:transform .45s ease}.blog-card:hover .card-image img{transform:scale(1.03)}.card-body{padding:1.25rem}.blog-card h3{font-size:1.25rem}.read-title{background:transparent;border:0;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:left}.read-title:hover{color:var(--caramel)}.line-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.card-footer{align-items:center;border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:1.25rem;padding-top:1rem}.read-link{align-items:center;color:var(--caramel);display:inline-flex;font-size:.875rem;font-weight:950;gap:.25rem}.empty-state{border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:4rem 1rem;text-align:center}.empty-state h3{font-size:1.75rem;margin:0}.empty-state p{color:var(--muted)}.visit-band{background:#2b160f;color:#fff}.visit-grid{display:grid;grid-gap:2rem;gap:2rem;padding-bottom:3rem;padding-top:3rem}.visit-grid h2{color:#fff;font-size:clamp(2rem,4vw,2.5rem);line-height:1.1;margin:.5rem 0 0}.visit-grid p{color:#f7eadb;line-height:1.7}.contact-list{display:grid;grid-gap:1rem;gap:1rem}.contact-link{align-items:flex-start;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#f7eadb;display:flex;gap:.75rem;padding:1rem}.contact-link strong{color:#fff;display:block}.site-footer{background:var(--paper);border-top:1px solid var(--line)}.footer-inner{color:var(--muted);display:flex;flex-direction:column;font-size:.875rem;gap:1.25rem;padding-bottom:2rem;padding-top:2rem}.footer-brand,.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.footer-brand img{border-radius:999px;height:2.5rem;width:2.5rem}.footer-links a{font-weight:800}.article-dialog{background:transparent;border:0;height:100%;margin:0;max-height:none;max-width:none;padding:0;width:100%}.article-dialog::-webkit-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(23,12,8,.62)}.article-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(23,12,8,.62)}.reader-shell{background:var(--paper);box-shadow:0 22px 60px rgba(42,22,15,.18);color:var(--cocoa);margin-left:auto;min-height:100%;width:min(100%,64rem)}.reader-top{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--paper) 94%,transparent);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:2}.reader-content{padding:1.5rem 1rem 3rem}.article-prose,.reader-header{margin:0 auto;max-width:48rem}.reader-header h2{color:var(--cocoa);font-size:clamp(2rem,6vw,3.25rem);line-height:1.1;margin:.75rem 0 0}.reader-header p{color:var(--muted);font-size:1.05rem;line-height:1.8}.reader-image{border-radius:8px;display:block;margin:2rem auto;max-height:35rem;max-width:56rem;object-fit:cover;width:100%}.article-prose{color:var(--cocoa);line-height:1.75}.article-prose h2,.article-prose h3{color:var(--cocoa);font-weight:900;line-height:1.16;margin:2rem 0 .75rem}.article-prose h2{font-size:clamp(1.35rem,2vw,2rem)}.article-prose h3{font-size:clamp(1.05rem,1.6vw,1.35rem)}.article-prose ol,.article-prose p,.article-prose table,.article-prose ul{margin-bottom:1rem}.article-prose ol,.article-prose ul{padding-left:1.25rem}.article-prose a{color:var(--berry);font-weight:750;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.article-prose img{border-radius:8px;height:auto;margin:1.75rem 0;width:100%}.article-prose table{border-collapse:collapse;display:block;max-width:100%;overflow-x:auto;white-space:nowrap}.article-prose td,.article-prose th{border:1px solid var(--line);padding:.75rem;text-align:left}.loading-block{display:grid;grid-gap:1rem;gap:1rem;padding:3rem 0}.skeleton{animation:pulse 1.2s ease-in-out infinite alternate;background:#f7eadb;border-radius:8px}.dark .skeleton{background:#432116}.skeleton.kicker{height:1rem;width:8rem}.skeleton.title{height:2.75rem;width:75%}.skeleton.image{height:16rem;width:100%}@keyframes pulse{0%{opacity:.55}to{opacity:1}}@media (min-width:640px){.footer-inner,.hero-inner,.nav-wrap,.section-inner{padding-left:1.5rem;padding-right:1.5rem}.brand-name{display:block}.theme-button{display:grid}.book-button{display:inline-flex}.hero-copy{font-size:1.2rem;max-width:42rem}.hero-actions{flex-direction:row;max-width:none}.hero-stats{display:flex}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-copy{padding:2rem}.featured-footer{align-items:center;flex-direction:row;justify-content:space-between}.reader-content{padding:2rem 2rem 4rem}}@media (min-width:1024px){.footer-inner,.hero-inner,.nav-wrap,.section-inner{padding-left:2rem;padding-right:2rem}.primary-nav{display:flex}.menu-button{display:none}.hero,.hero-inner{min-height:43rem}.filter-top{align-items:center;grid-template-columns:1fr minmax(26rem,auto)}.controls{grid-template-columns:minmax(14rem,23rem) auto}.featured-grid{grid-template-columns:1fr .9fr}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.visit-grid{grid-template-columns:1.1fr .9fr}.footer-inner{align-items:center;flex-direction:row;justify-content:space-between}}