@font-face{font-family:Instrument;src:url("display.woff2") format("woff2");font-display:swap}
@font-face{font-family:Instrument;src:url("display-italic.woff2") format("woff2");font-style:italic;font-display:swap}
@font-face{font-family:Instrument Sans;src:url("body.woff2") format("woff2");font-weight:400 700;font-display:swap}
:root{--serif:Instrument,Georgia,serif;--sans:"Instrument Sans",system-ui,sans-serif;--ink:#32251f;--muted:#634e41;--paper:#fff8ec;--edge:#b9956e;--gold:#f5cf9d;--plum:#241b25;--mast:66px}
*{box-sizing:border-box}
html{scroll-padding-top:calc(var(--mast) + 24px)}
body{margin:0;background:#f1e3cb;color:var(--ink);font:400 17px/1.67 var(--sans)}
h1,h2,h3,h4,p,figure{margin:0}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.025em}
a{color:inherit;text-underline-offset:.23em}
img{display:block;width:100%;height:auto}
button,summary{cursor:pointer}
:focus-visible{outline:2px solid #8d502b;outline-offset:4px}
:is(.mast,.hero,.ending-card,.bridge-workshop,.contents) :focus-visible{outline-color:#ffe2b9}
.skip{position:fixed;top:8px;left:12px;z-index:9;padding:10px 14px;background:var(--paper);transform:translateY(-150%)}
.skip:focus{transform:none}
.mast{position:sticky;top:0;z-index:6;color:#fff1e4;background:#251d25;border-bottom:1px solid #8e715e}
.mast-wrap{width:min(1312px,calc(100% - 72px));margin:auto;min-height:var(--mast);display:flex;justify-content:space-between;align-items:center;gap:14px}
.brand{font:400 38px/.9 var(--serif);letter-spacing:-.04em;white-space:nowrap;text-decoration:none}
.brand em{color:var(--gold)}
.brand small{margin-left:3px;font:650 10px/1 var(--sans);letter-spacing:0}
.mast-actions{display:flex;align-items:center;gap:24px}
.mast-actions a,.reading-link,.hero-crumb{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.home-link{padding:6px 13px;border:1px solid #a78363;border-radius:2px;background:#413038;color:#ffead2;text-decoration:none;font-size:14px;font-weight:700}
.mast-free{font-size:14px;font-weight:650}
.progress{position:absolute;bottom:-1px;left:0;right:0;height:2px;pointer-events:none}
.progress span{display:block;height:100%;background:#eebc7f;transform:scaleX(0);transform-origin:left}
.hero{background:radial-gradient(ellipse at 87% 66%,#734b3c59,transparent 47%),linear-gradient(120deg,#231a25fa,#352533ec),url("article-cloth.webp") center/cover;color:#fff1e1;border-bottom:1px solid #b48b63}
.hero-grid{width:min(1312px,calc(100% - 72px));margin:auto;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:clamp(28px,4vw,72px);padding:clamp(48px,6vw,93px) 0}
.eyebrow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.13em}
.hero-crumb{color:#edc69e}
.hero h1{font-size:clamp(51px,5.2vw,93px);line-height:.95;margin:10px 0 20px}
.hero h1 em{display:block;color:#f3cb9d;font-size:.76em;line-height:1.03;margin-top:.12em}
.dek{font-size:clamp(16px,1.35vw,20px);max-width:49ch;color:#fff2e0;line-height:1.5}
.meta{display:flex;flex-wrap:wrap;gap:4px 15px;margin:19px 0 12px;color:#e5cdb8;font-size:13px;font-weight:650}
.meta span+span:before{content:"·";margin-inline-end:12px}
.reading-link{font-size:15px;font-weight:700}
.hero-photo{position:relative;padding:8px;border:1px solid #b58b66;background:#48312c;box-shadow:0 23px 42px #140d18ad,inset 0 0 0 3px #19131d}
.hero-photo img{aspect-ratio:4/3;object-fit:cover;object-position:center 51%;border:1px solid #eac19480}
.reading-room{background:linear-gradient(180deg,#f1dfc4b3,#fbf2e1 450px),url("article-paper.webp") center top/auto 850px}
.reading-layout{width:min(1090px,calc(100% - 76px));margin:auto;display:grid;grid-template-columns:248px minmax(0,1fr);align-items:start;gap:clamp(34px,6vw,95px);padding:49px 0 68px}
.rail{position:sticky;top:calc(var(--mast) + 23px);max-height:calc(100vh - var(--mast) - 32px);overflow:auto;padding:4px 5px 10px;margin:-4px -5px -10px}
.contents{padding:17px 15px 12px;border:1px solid #927458;background:linear-gradient(145deg,#4a3434,#2e242f);color:#fff0dc;box-shadow:0 7px 15px #64412932,inset 0 0 0 3px #c8975f20}
.contents>.eyebrow{color:#efc79d;margin:0 6px 7px}
:is(.contents,.mobile-contents) ul{margin:0;padding:0;list-style:none}
.contents li+li,.mobile-contents li+li{border-top:1px solid #ba917c48}
.contents a,.mobile-contents nav a{display:flex;align-items:center;min-height:44px;padding:6px;font-size:14px;font-weight:650;text-decoration:none}
.contents a:hover,.mobile-contents nav a:hover{text-decoration:underline}
.rail-home{display:flex;align-items:center;gap:7px;padding:10px 9px;font-size:13px;font-weight:700;margin-top:9px;min-height:44px}
.rail-home b{margin-left:auto}
.mobile-contents{display:none}
.reading{min-width:0;overflow-wrap:break-word}
.reading>p,.reading :is(aside,section,div,details)>p{margin-block:0 1.1em}
.reading>p:first-of-type{font-size:clamp(18px,2.1vw,23px);line-height:1.53}
.reading>h2{font-size:clamp(33px,4.1vw,58px);margin:1.15em 0 .39em;max-width:24ch}
.reading h3{font-size:clamp(24px,2.8vw,37px);margin:.45em 0 .36em}
.reading h4{font-size:24px;margin:.5em 0 .3em}
.reading a:not(.button):not(.portal){color:#633920;text-decoration-thickness:1px;font-weight:650}
.reading ul,.reading ol{padding-left:1.45em}
.reading li+li{margin-top:.42em}
.reading figure{margin:30px 0 35px}
.reading figure>img{border:1px solid #a78261;box-shadow:0 10px 24px #4d321e2e}
.reading figure.sbds-charm-ribbon>img{border:0;box-shadow:none}
.reading figcaption{font-size:.88rem;line-height:1.5;color:var(--muted);margin:.75em auto 0;max-width:66ch}
.reading .text-ribbon{padding:13px 16px;border-block:1px solid #c4a57d;background:#e7d5ba79}
.reading .text-ribbon figcaption{margin:0;font-family:var(--serif);font-size:21px;color:#4d382b}
.paper-panel,.sb-native-table,.sb-pattern-decoder,.sb-signature-plan,.sb-decision-map,.sb-quick-answer{margin:25px 0;padding:clamp(14px,2.9vw,29px);border:1px solid #b7936d;border-left:4px solid #a36a44;background:#fbefdc;box-shadow:0 7px 21px #5b321814}
.paper-panel .paper-panel{margin:9px 0;padding:13px;border-left-width:1px;background:#fffbf2}
.paper-panel>.editorial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,176px),1fr));gap:9px}
.reading :is(.paper-panel,.sb-quick-answer)>p:last-child{margin-bottom:0}
.reading .table-scroll{max-width:100%;overflow:auto}
.reading table{border-collapse:collapse;min-width:450px;width:100%;font-size:.9rem}
.reading th,.reading td{text-align:left;vertical-align:top;padding:8px 11px;border:1px solid #c4a68d}
.reading th{background:#e8d2b2;color:#3a271e}
.reading details:not(.mobile-contents){border:1px solid #bfa17e;background:#fff5e5;margin:8px 0;padding:0 13px}
.reading summary,.sample summary{padding:10px 0;min-height:44px;font-weight:700}
.reading details:not(.mobile-contents)>:not(summary){margin-top:6px}
.bridge{position:relative;margin:42px 0 51px;border:1px solid #ac855d;box-shadow:0 19px 32px #52332538}
.portal{display:grid;grid-template-columns:minmax(180px,41%) minmax(0,1fr);text-decoration:none;color:inherit}
.bridge-copy{padding:clamp(16px,3.4vw,33px)}
.bridge-copy>.eyebrow,.portal-description,.portal-title{display:block}
.portal-title{margin:7px 0 9px;font:400 clamp(31px,4.2vw,51px)/1.02 var(--serif);letter-spacing:-.027em}
.portal-description{margin-bottom:17px;font-size:1rem;line-height:1.49}
.bridge-library{background:linear-gradient(110deg,#f1dfbddb,#fff3ddf5),url("article-paper.webp") center/cover}
.bridge-workshop{color:#fff0dc;background:linear-gradient(114deg,#50352ce3,#2a1d2af7),url("article-cloth.webp") center/cover}
.bridge-workshop .eyebrow{color:#f2c99b}
.reading a.portal{color:inherit;text-decoration:none;font-weight:400}
.reading .bridge-workshop .portal{color:#fff0dc}
.portal:hover .button,.portal:focus-visible .button{text-decoration:underline}
.portal:focus-visible{outline-offset:-5px}
.portal-art{
 --room-view:url("article-library-hall.webp");--room-floor:url("library-floor.webp");--portal-glow:#ffda92;
 display:block;position:relative;isolation:isolate;overflow:hidden;min-height:205px;
 background:linear-gradient(90deg,#21171dbd,#271f2a42 42%,#231724a9),url("article-cloth.webp") center/cover;
 border-inline-end:1px solid #ad8768;
}
.bridge-workshop .portal-art{--room-view:url("article-workshop-hall.webp");--room-floor:url("workshop-floor.webp");--portal-glow:#ffc587}
.portal-view,.portal-frame,.portal-floor,.portal-light{position:absolute;pointer-events:none}
.portal-view{inset:7% 13% 16%;background:linear-gradient(180deg,#40291a0d,#34223000 55%,#4025186e),var(--room-view) center 58%/cover}
.portal-frame{
 inset:5% 12% 15%;z-index:2;border:clamp(7px,1.4vw,15px) solid #57392a;border-bottom:4px solid #8e6144;
 border-top-color:#67412f;box-shadow:0 0 0 1px #bc9167,inset 0 0 0 1px #edb57c83,inset 10px 5px 18px #1c111a80,0 8px 21px #1c111a9c;
}
.portal-floor{
 inset:66% -10% -24%;z-index:3;background:linear-gradient(180deg,transparent,#2116234a 75%),var(--room-floor) center 56%/cover;
 clip-path:polygon(19% 0,82% 0,100% 100%,0 100%);mask-image:linear-gradient(#0000,#000 34%,#000 82%,#0008);
 transform:translateY(calc((.50 - var(--house-pass,.50))*10px));
}
.portal-light{
 inset:38% -20% -29%;z-index:4;opacity:calc(.37 + var(--house-pass,.50)*.40);mix-blend-mode:screen;
 background:radial-gradient(ellipse 33% 48% at 50% 54%,color-mix(in srgb,var(--portal-glow) 74%,transparent),transparent 90%);
 transform:translateX(calc((var(--house-pass,.50) - .50)*35%)) skewX(-14deg);
}
@media(prefers-reduced-motion:no-preference){
 .portal-view,.portal-light{transition:scale .32s ease}
 .portal:hover .portal-view,.portal:focus-visible .portal-view{scale:1.05}
 .portal:hover .portal-light,.portal:focus-visible .portal-light{scale:1.19}
}
.ending-portal{display:block;margin-bottom:16px;border:1px solid #a88161}
.ending-portal .portal-art{border:0;min-height:0;height:clamp(142px,22vw,253px)}
.ending-portal .button{width:100%;border:0;border-radius:0}
.button{display:inline-flex;min-height:46px;align-items:center;justify-content:space-between;gap:11px;padding:8px 12px;border:1px solid #9c6c45;border-radius:2px;text-decoration:none;font-size:.89rem;line-height:1.35;font-weight:700}
.button:hover,.home-link:hover{text-decoration:underline}
.primary{background:#f2ca96;color:#312017;box-shadow:0 3px 0 #5b392e70}
.quiet{background:#fff4de;color:#4c2d1c}
.article-ending{padding:clamp(26px,5vw,67px) 0 0;background:radial-gradient(ellipse at 10% 2%,#ffe8bcbb,transparent 59%),url("article-plaster.webp") center/cover;border-top:1px solid #b69878}
.ending-card{width:min(1090px,calc(100% - 76px));margin:auto;display:grid;grid-template-columns:1.17fr .83fr;gap:clamp(20px,5vw,58px);align-items:center;padding:clamp(23px,5vw,63px);color:#fff0de;border:1px solid #a57d63;background:radial-gradient(ellipse at 95% 34%,#9d5c43b5,transparent 58%),linear-gradient(140deg,#36232eea,#281d2bec),url("article-cloth.webp") center/cover;box-shadow:0 15px 30px #4b312952,inset 0 0 0 5px #e1b4822b}
.ending-copy .eyebrow{color:#f4c99b}
.ending-copy h2{font-size:clamp(43px,5.6vw,81px);margin:8px 0 16px}
.ending-copy h2 em{color:#f6d1a5}
.ending-copy>p:not(.eyebrow){max-width:52ch;margin-bottom:16px}
.ending-proof{min-width:0}
.sample{border-top:1px solid #b78c74;font-size:.9rem;color:#fff0de}
.sample img{margin-bottom:8px}
.closing-logo{display:block;width:min(600px,calc(100% - 48px));margin:84px auto 0;padding-bottom:104px}
@media(max-width:860px){
 :root{--mast:59px}
 .hero-grid,.mast-wrap{width:calc(100% - 44px)}
 .reading-layout,.ending-card{width:min(690px,calc(100% - 44px));display:block}
 .rail{display:none}
 .mobile-contents{display:block;border-block:1px solid #bc9877;margin-bottom:22px}
 .mobile-contents nav{padding-bottom:11px}
 .mobile-contents nav a{padding-inline:4px}
 .ending-proof{margin-top:24px}
 .closing-logo{margin-top:56px;padding-bottom:80px}
}
@media(max-width:620px){
 body{font-size:16px;line-height:1.64}
 .mast-wrap,.hero-grid,.reading-layout,.ending-card{width:calc(100% - 36px)}
 .brand{font-size:32px}
 .mast-free{display:none!important}
 .home-link{font-size:12px;padding:5px 9px}
 .hero-grid{display:block;padding:19px 0 29px}
 .hero h1{font-size:clamp(43px,10vw,67px);margin:4px 0 12px}
 .hero-photo{margin-top:12px;padding:5px}
 .hero-photo img{aspect-ratio:3/2}
 .meta{margin-top:13px;margin-bottom:3px;gap:2px 8px}
 .meta span+span:before{margin-inline-end:7px}
 .reading-layout{padding-top:22px;padding-bottom:41px}
 .bridge{margin:35px 0 41px}
 .portal:not(.ending-portal){display:block}
 .portal-art{height:clamp(148px,49vw,226px);min-height:0;border-inline-end:0;border-bottom:1px solid #ad8768}
 .portal-frame{inset-inline:19%;border-inline-width:11px}
 .portal-view{inset-inline:20%}
 .portal-floor{clip-path:polygon(27% 0,73% 0,100% 100%,0 100%)}
 .bridge-copy{display:block;padding:17px}
 .bridge .button{font-size:.88rem;min-height:48px;width:100%}
}
@media(max-width:350px){.mast-wrap,.hero-grid,.reading-layout,.ending-card{width:calc(100% - 28px)}}

.reading-room{
 background:linear-gradient(180deg,#f1e0c6b5,#fcf3e4ed 500px),url("article-paper.webp") center top/auto 780px;
}
.reading .text-ribbon{background:linear-gradient(110deg,#f4e4c6db,#fff3dbeb),url("article-paper.webp") center/cover}
.article-threshold{
 --scene:url("article-library-hall.webp");--floor:url("library-floor.webp");--lamp:#f0bd79;--shadow:#3f2825;
 display:block;position:relative;isolation:isolate;overflow:hidden;
 height:clamp(73px,10vw,126px);margin:clamp(31px,5vw,61px) 0 0;
 border-top:1px solid #aa815f;background:linear-gradient(90deg,#39272a,#8b6242 51%,#39272a),url("article-cloth.webp");
 mask-image:linear-gradient(#000 0%,#000 70%,#000a 88%,transparent);
}
.article-threshold[data-room="desk"]{--scene:url("article-workshop-hall.webp");--floor:url("workshop-floor.webp");--lamp:#edaa73;--shadow:#4c2530}
.article-threshold[data-room="lantern"]{--scene:url("article-viewing-hall.webp");--floor:url("viewing-floor.webp");--lamp:#c4a4d7;--shadow:#33243f}
.article-threshold[data-room="daylight"]{--scene:url("article-morning-hall.webp");--floor:url("morning-floor.webp");--lamp:#ffe4a8;--shadow:#72503d}
.threshold-opening,.threshold-floor,.threshold-cast{position:absolute;pointer-events:none}
.threshold-opening{
 inset:-8% 10% 0;border-inline:clamp(8px,2.5vw,34px) solid var(--shadow);
 border-top:8px solid #4f362c;background:linear-gradient(90deg,#2d1c2358,transparent 44%,#2c17264f),var(--scene) 50% 61%/cover;
 box-shadow:0 0 20px #2319219e,inset 0 5px 18px #21172386;
}
.threshold-floor{
 inset:52% -3% -22%;background:linear-gradient(180deg,#37252888,transparent 48%,#23162740),var(--floor) center/cover;
 clip-path:polygon(13% 0,87% 0,100% 100%,0 100%);mask-image:linear-gradient(transparent,#000 34%,#000 78%,transparent);
}
.threshold-cast{
 inset:-5% -30% -35%;opacity:calc(.38 + var(--house-pass,.50)*.39);
 background:linear-gradient(119deg,transparent 25%,var(--shadow) 35%,transparent 49%),linear-gradient(118deg,transparent 35%,color-mix(in srgb,var(--lamp) 83%,transparent) 55%,transparent 71%);
 transform:translate3d(calc((var(--house-pass,.50) - .50)*26%),0,0) skewX(-10deg);
}
.reading>h2[data-room-heading]{margin-top:.32em}
@media(max-width:620px){
 .article-threshold{height:83px;margin:35px -9px 0}
 .threshold-opening{inset-inline:7%;background-position:50% 60%;border-inline-width:13px}
 .threshold-cast{transform:translate3d(calc((var(--house-pass,.50) - .50)*40%),0,0) skewX(-10deg)}
}

.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px 19px}
.hero-home{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:46px;padding:8px 12px;color:#2e201c;background:#f2ca96;border:1px solid #ffdfb5;text-decoration:none;box-shadow:0 3px 0 #734a37;font-size:.88rem;font-weight:700}
.hero-home:hover,.departure-link:hover .button{text-decoration:underline}
.door-mark{position:relative;display:block;width:18px;height:24px;border:1px solid currentColor;border-bottom:2px solid currentColor;flex:none}
.door-mark::before{content:"";position:absolute;inset:3px 3px 2px;border:1px solid currentColor;transform:skewY(-12deg)}
.door-mark::after{content:"";position:absolute;top:11px;right:4px;width:3px;height:3px;border-radius:50%;background:currentColor}
.rail-home{gap:11px;padding:11px 13px;background:#efe0c4;border:1px solid #a7845f;box-shadow:inset 0 0 0 2px #fff2d9;text-decoration:none}
.rail-home small,.rail-home strong{display:block;line-height:1.4}
.rail-home small{font-weight:400}
.rail-home:hover strong{text-decoration:underline}
.hallway{position:relative;margin:36px 0 45px;padding:clamp(15px,3.8vw,35px);overflow:hidden;background:radial-gradient(ellipse at 75% 0,#865e3d72,transparent 70%),linear-gradient(125deg,#392b2bea,#211924f5),url("article-cloth.webp") center/cover;border:1px solid #aa825a;box-shadow:0 14px 29px #3b241d44,inset 0 0 0 4px #d4a36d24;color:#fff3df}
.hallway-cap{position:relative;padding-bottom:15px}
.hallway :is(.eyebrow,h2 em){color:#f6cea3}
.hallway h2{font-size:clamp(35px,5.6vw,67px);margin:.08em 0 .04em}
.hallway-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hallway .hall-door{display:flex;flex-direction:column;border:1px solid #a88162;color:#fff3df;background:#2d2229;box-shadow:0 6px 11px #140e17a1}
.hallway .hall-door:first-of-type{background:#363326}
.hallway .portal-art{min-height:0;height:clamp(128px,19vw,215px);border:0;border-bottom:1px solid #b08b64}
.hallway .portal-view{inset:4% 9% 13%}
.hallway .portal-frame{inset:3% 8% 10%;border-width:8px}
.hallway .portal-floor{opacity:.75}
.hall-label{display:block;padding:10px 12px 13px}
.hall-label .eyebrow{display:block;font-size:.63rem;line-height:1.5;letter-spacing:.09em}
.hall-label strong{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font:400 clamp(22px,2.6vw,34px)/1.06 var(--serif);margin:5px 0}
.hall-label b{font:650 14px var(--sans);color:#f5d0a1}
.hall-detail{display:block;font-size:.82rem;line-height:1.35;color:#f8e4ca}
.hall-door:hover strong,.hall-door:focus-visible strong{text-decoration:underline;text-underline-offset:.17em}
.reading .hallway a.hall-home:not(.portal){display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:8px;color:#ffe1b9;font-size:.89rem;text-underline-offset:4px}
.hallway :focus-visible,.departure :focus-visible,.mobile-home :focus-visible{outline-color:#ffe2b9}
.article-ending{padding-bottom:clamp(33px,6.5vw,83px);background:radial-gradient(ellipse at 74% 4%,#93705555,transparent 65%),linear-gradient(180deg,#64504038,#292029dd),url("article-plaster.webp") center/cover}
.departure{padding:clamp(20px,4vw,49px) 0 clamp(46px,7vw,95px);background:radial-gradient(ellipse at 60% 5%,#5a3c34,transparent 65%),#231b25;border-top:1px solid #a17d62;color:#fff1dd}
.departure-link{display:grid;grid-template-columns:1fr 1.05fr;align-items:stretch;width:min(1090px,calc(100% - 76px));margin:auto;text-decoration:none;border:1px solid #a37e5b;isolation:isolate;background:linear-gradient(106deg,#2d202a,#4d342ccc),url("article-cloth.webp") center/cover;box-shadow:0 15px 32px #0f0a13cb,inset 0 0 0 4px #dcb38224}
.departure-copy{padding:clamp(24px,5vw,63px);align-self:center}
.departure-copy .brand{display:block;font-size:clamp(29px,3.4vw,47px)}
.departure-title{display:block;margin:.38em 0 .18em;font:400 clamp(48px,7.2vw,103px)/.9 var(--serif);letter-spacing:-.04em}
.departure-line{display:block;max-width:31ch;margin-bottom:16px;color:#f7e0c6;line-height:1.4}
.departure-scene{display:block;position:relative;min-height:235px;overflow:hidden;background:linear-gradient(180deg,#2a1e239d,transparent 52%,#221921de),url("article-hero-night.webp") center 52%/cover;border-inline-start:1px solid #a37e5b}
.mobile-home{display:none}
.hero-home .door-mark{width:14px;height:18px}
.hero-home .door-mark::after{top:8px;right:3px;width:2px;height:2px}
.hallway{padding:clamp(10px,2vw,18px)}
.hallway .hall-front{display:grid;min-height:260px;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);border:1px solid #b8926d;background:radial-gradient(ellipse at right 85%,#5b3c37,transparent 72%),#2c212a;box-shadow:inset 0 0 0 3px #ffcf9522}
.hallway .hall-front .portal-art{--room-view:url("article-hero-night.webp");--room-floor:url("workshop-floor.webp");--portal-glow:#f3b981;height:100%;border:0;border-inline-end:1px solid #aa825a}
.hallway .hall-front .portal-view{background-position:center,63% 60%;inset:0}
.hallway .hall-front .portal-frame{inset:7% 13% 12%}
.hallway .hall-front .portal-floor{z-index:1;opacity:.55}
.hall-front-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(17px,3vw,32px);gap:10px;min-width:0}
#hallway-heading{font:400 clamp(41px,5.6vw,67px)/.91 var(--serif);letter-spacing:-.034em;display:block}
.hallway .hall-front .button{margin-top:4px;box-shadow:none}
.hallway .hall-front .hall-detail{font-size:.91rem;line-height:1.45}
.hallway-grid{margin-top:9px;gap:9px}
.hallway .hall-door{display:grid;grid-template-columns:55px minmax(0,1fr) 20px;align-items:center;min-height:69px}
.hallway .hall-door .portal-art{height:100%;border:0;border-inline-end:1px solid #84674d}
.hallway .hall-door .portal-frame{border-width:3px}
.hallway .hall-door .portal-light,.hallway .hall-door .portal-floor{display:none}
.hallway .hall-door strong{font-size:clamp(19px,2.35vw,27px);margin-block:3px 0}
.hall-arrow{color:#f5d0a1;font-size:13px}
@media(max-width:860px){
 .departure-link{width:min(690px,calc(100% - 44px))}
 .mobile-home:not([hidden]){position:fixed;z-index:7;display:flex;max-width:calc(100vw - 30px);bottom:calc(9px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);box-shadow:0 4px 15px #20162182;border:1px solid #a7805c;background:#30242d;color:#fff0da}
 .mobile-home a,.mobile-home button{display:flex;align-items:center;min-height:46px;gap:8px;color:inherit}
 .mobile-home a{padding:2px 11px;font-size:.85rem;font-weight:700;white-space:nowrap;text-decoration:none}
 .mobile-home a:hover{text-decoration:underline}
 .mobile-home .door-mark{width:14px;height:18px;color:#f2ca96}
 .mobile-home .door-mark::after{top:8px;right:3px;width:2px;height:2px}
 .mobile-home button{justify-content:center;min-width:44px;border:0;border-left:1px solid #a7805c;background:#30242d;font:400 23px/1 var(--sans)}
}
@media(max-width:620px){
 .hero-actions{gap:4px 13px}
 .hero-home{gap:6px;padding-inline:8px;font-size:.82rem}
 .hallway-grid{gap:8px}
 .hallway .portal-art{height:clamp(94px,28vw,161px)}
 .hall-label{padding:9px}
 .hall-label .eyebrow{font-size:.57rem}
 .hall-label strong{font-size:clamp(20px,5vw,26px)}
 .hall-detail{font-size:.75rem}
 .departure-link{display:flex;flex-direction:column-reverse}
 .departure-scene{border-inline-start:0;border-bottom:1px solid #a37e5b;min-height:160px;height:clamp(160px,48vw,240px);background-position:center 47%}
 .departure-copy{align-self:stretch}
 .hallway .hall-front{grid-template-columns:1fr}
 .hallway .hall-front .portal-art{height:clamp(126px,37vw,171px);border:0;border-bottom:1px solid #aa825a}
 .hallway .hall-front .portal-view{background-position:center,63% 52%}
 .hallway .hall-front .portal-frame{inset:8% 12% 9%;border-width:7px}
 .hall-front-copy{gap:8px}
 #hallway-heading{max-width:12ch}
 .hallway .hall-front .button{width:100%}
 .hallway .hall-door{grid-template-columns:29px minmax(0,1fr) 13px;min-height:65px}
 .hallway .hall-door .hall-label{padding:5px 4px}
 .hallway .hall-door .eyebrow{letter-spacing:.04em}
}

/* The doorway and the landing use the same room art and light palette.
   Only small decorative surfaces move; all article text stays in normal flow. */
.reading-room{background:linear-gradient(180deg,#e6cfac55,#f4e7d5d6 420px),url("article-plaster.webp") center top/auto 760px}
.reading{--room-gutter:clamp(19px,3vw,45px)}
.hero{background:radial-gradient(ellipse at 83% 33%,#a56a505c,transparent 58%),linear-gradient(121deg,#221925f7,#332431d9),url("article-cloth.webp") center/cover}
.hero-photo{border-color:#c49a68;box-shadow:inset 0 0 0 3px #251a25,0 17px 0 -10px #846045,0 32px 55px #180e19b5}
.hero-photo::after{content:"";position:absolute;inset:8px;pointer-events:none;background:linear-gradient(132deg,#ffd49a23 1%,transparent 41%);box-shadow:inset 0 0 20px #23172278}
.hero .quick-answer{
 max-width:58ch;margin:0 0 16px;padding:12px 15px;border-left:3px solid #e5ae72;
 color:#30221e;background:linear-gradient(112deg,#fff6e5,#f1dec0);box-shadow:0 6px 16px #21152072
}
.hero .quick-answer h2{font:700 .72rem/1.2 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:#664126;margin-bottom:5px}
.hero .quick-answer p{font-size:clamp(.94rem,1.26vw,1.05rem);line-height:1.46}
.answer-details{margin-top:6px;border-top:1px solid #bca17d}
.answer-details summary{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 min-height:44px;padding:5px 0;list-style:none;color:#563720;font-weight:700;font-size:.86rem
}
.answer-details summary::-webkit-details-marker{display:none}
.answer-details summary::after{
 content:"";width:7px;height:7px;margin-inline:5px 3px;flex:none;
 border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)
}
.answer-details[open] summary::after{transform:rotate(225deg)}
.hero .answer-details summary:focus-visible{outline-color:#7d4825;outline-offset:0}
.hero .answer-details-copy{padding:1px 0 6px}
.hero .answer-details-copy p{font-size:.93rem}
.answer-extra{position:relative}
.answer-doorway{display:none}
.hero .hero-actions{gap:7px 16px;margin-bottom:14px}
.hero .hero-home{
 display:grid;width:min(100%,445px);min-height:104px;grid-template-columns:minmax(77px,31%) minmax(0,1fr) auto;
 padding:0 11px 0 0;gap:11px;align-items:center;
 color:#302019;background:radial-gradient(ellipse at 0 100%,#ffedc4,transparent 77%),linear-gradient(140deg,#f5d7a9,#e7b886);
 border:1px solid #d1a272;box-shadow:inset 0 0 0 3px #fff5d543,0 3px 0 #7b533a,0 9px 19px #20121c61
}
:is(.hero,.doorway-walk) .doorway-art{
 min-height:0;height:100%;align-self:stretch;border:0;border-inline-end:1px solid #ae855c;
 --room-view:url("article-morning-hall.webp");--room-floor:url("morning-floor.webp");--portal-glow:#ffdba2;
 background:linear-gradient(90deg,#291613ce,#522f2191 50%,#2c1918ce),url("article-cloth.webp") center/cover
}
/* The view keeps its proportions as the arch passes the edges of the screen. */
.doorway-walk{position:fixed;inset:0;z-index:10000;overflow:hidden;pointer-events:none}
.doorway-walk .doorway-walk-through{position:absolute;transform-origin:50% 45%}
.doorway-walk .doorway-art{width:100%;height:100%;border:0}
.doorway-walk .portal-view{transform:scale(1.055)}
.doorway-walk::before{
 content:"";position:absolute;inset:0;
 background:radial-gradient(ellipse at 50% 48%,#b9714d30,#372019b0 75%,#211422ed);
 animation:doorway-walk-shade var(--walk-duration) ease-out var(--walk-direction,normal) both
}
.doorway-walk-light{animation:doorway-walk-light var(--walk-duration) linear var(--walk-direction,normal) both}
.doorway-walk[data-returning]{--walk-direction:reverse}
.doorway-walk[data-returning] .doorway-walk-through{
 animation:doorway-return-settle var(--walk-duration) ease-out both
}
@keyframes doorway-return-settle{
 0%,89%{opacity:1}
 100%{opacity:0}
}
.doorway-walk-spill{
 position:absolute;inset:0;
 background:radial-gradient(ellipse min(58vw,330px) min(40vh,260px) at var(--door-x) var(--door-y),#ffe0a68c,#e7ab664b 47%,transparent 100%);
 animation:doorway-return-spill var(--walk-duration) ease-out both
}
@keyframes doorway-return-spill{
 0%,18%{opacity:0}
 64%{opacity:1}
 100%{opacity:0}
}
html[data-doorway-return-pending][data-doorway-return-fade]::after{
 animation:doorway-return-fade 420ms ease-out both
}
@keyframes doorway-return-fade{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){html[data-doorway-return-pending]::after{display:none}}
@keyframes doorway-walk-light{
 0%,26%{opacity:0}
 55%{opacity:.12}
 87%{opacity:.93}
 100%{opacity:1}
}
@keyframes doorway-walk-shade{
 0%{opacity:0}
 55%,100%{opacity:1}
}
.doorway-art .portal-view{inset:5% 9% 6%;border-radius:49% 49% 0 0 / 33% 33% 0 0;background-position:center,50% 53%}
.doorway-art .portal-frame{inset:3% 7% 3%;border-radius:50% 50% 0 0 / 34% 34% 0 0;border-width:var(--doorway-trim,6px);border-bottom-width:2px}
.doorway-art .portal-floor{opacity:.8}
.doorway-art .portal-light{
 background:radial-gradient(ellipse 43% 31% at 50% 63%,#ffdd9fa6,transparent 100%);
 opacity:.75
}
.hero-door-copy{display:grid;gap:4px;padding-block:10px}
.hero-door-copy small{font-size:.65rem;letter-spacing:.045em;text-transform:uppercase;font-weight:700}
.hero-door-copy strong{font:400 clamp(1.25rem,2.1vw,1.7rem)/.99 var(--serif)}
.hero-door-copy>span{font-size:.72rem;line-height:1.25}
.hero-door-arrow{
 display:grid;width:29px;height:29px;place-items:center;border:1px solid #a97d4f;border-radius:50%;
 background:#fce3badd;font-size:.99rem
}
.hero .hero-home:hover{text-decoration:none}
.hero-home:is(:hover,:focus-visible) .hero-door-copy strong{text-decoration:underline}
.hero :is(.hero-home,.answer-doorway){position:relative;isolation:isolate}
a[data-home-placement]:has(.portal-art,.departure-scene),.invite-actions a{-webkit-tap-highlight-color:transparent}
.hero :is(.hero-home,.answer-doorway)::after{
 content:"";position:absolute;z-index:-1;inset:20% -3px -24px;pointer-events:none;
 background:radial-gradient(ellipse at 23% 42%,#f9bf6d9e,transparent 65%);
 opacity:0;transform:scale(.84,.75);transform-origin:16% 22%
}
.hero :is(.hero-home,.answer-doorway):active{
 border-color:#ffebbf;box-shadow:0 0 12px #ffd28a9c,0 3px 0 #7b533a
}
@media(prefers-reduced-motion:no-preference){
 .hero-home .portal-view,.hero-home .portal-light{transition:transform .29s ease-out,opacity .29s ease-out}
 .hero-home:is(:hover,:focus-visible) .portal-view{transform:scale(1.055)}
 .hero-home:is(:hover,:focus-visible) .portal-light{opacity:.94}
 .hero-home:active .portal-light,.hero-home.is-opening .portal-light{opacity:1}
 .hero :is(.hero-home,.answer-doorway).is-opening::after{animation:doorway-spill .25s ease-out both}
 @keyframes doorway-spill{
  from{opacity:.22;transform:scale(.8,.64)}
  to{opacity:1;transform:scale(1.08,1.15)}
 }
}
.hero .reading-link{gap:8px;text-underline-offset:4px}
.home-link{color:#2f231d;background:linear-gradient(180deg,#ffe0b2,#edbf88);border-color:#ffdbad;box-shadow:0 2px 0 #81553b}
.home-link .door-mark{width:12px;height:16px}
.home-link .door-mark::before{inset:2px 2px 1px}
.home-link .door-mark::after{right:3px;top:7px;width:2px;height:2px}
.chapter-room{
 --scene:url("article-library-hall.webp");--floor:url("library-floor.webp");--surface:url("article-paper.webp");
 --trim:#5a4734;--ink-shade:#3b2e25;--wall:#e6d5af;--light:#f3be76;--rear:#a47b81;--page:#fcf4e2;
 position:relative;isolation:isolate;min-width:0;margin:0 0 32px;color:var(--ink);
 background:var(--wall) var(--surface) center top/auto 445px;border:1px solid #af8e68;border-radius:2px 2px 0 0;
 box-shadow:0 12px 29px #3d281e26;
}
.chapter-room[data-room="desk"]{
 --scene:url("article-workshop-hall.webp");--floor:url("workshop-floor.webp");--surface:url("desk-walnut.webp");
 --trim:#533229;--ink-shade:#291720;--wall:#78543e;--light:#ecad6c;--rear:#b77e56;--page:#fff1db;
}
.chapter-room[data-room="lantern"]{
 --scene:url("article-viewing-hall.webp");--floor:url("viewing-floor.webp");--surface:url("article-cloth.webp");
 --trim:#493441;--ink-shade:#211a2c;--wall:#3c303e;--light:#e4a85f;--rear:#a48ac7;--page:#fcf1e9;
}
.chapter-room[data-room="daylight"]{
 --scene:url("article-morning-hall.webp");--floor:url("morning-floor.webp");--surface:url("article-plaster.webp");
 --trim:#624830;--ink-shade:#463325;--wall:#ead2a9;--light:#ffe4a1;--rear:#ad91b2;--page:#fff6e4;
}
.chapter-room .article-threshold{
 --shadow:var(--ink-shade);--lamp:var(--light);
 height:clamp(152px,22vw,270px);margin:0;border:0;
 background:var(--ink-shade) var(--surface) center/cover;mask-image:none;
}
.threshold-opening{
 inset:0;border:0;
 background:linear-gradient(180deg,#160e1ac4,transparent 27%,transparent 81%,#170c1170),var(--scene) center 54%/cover;
 box-shadow:none;
}
.threshold-floor{
 inset:58% -5% -12%;opacity:.84;
 background:linear-gradient(180deg,transparent,#1d121b3b),var(--floor) center 58%/cover;
 clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);
 mask-image:linear-gradient(transparent,#000 59%,#000 100%);
}
.threshold-cast{
 inset:3% -15% 0;opacity:calc(.48 + var(--house-pass,.5)*.3);
 background:radial-gradient(ellipse 25% 61% at 63% 83%,color-mix(in srgb,var(--light) 70%,transparent),transparent 92%),
 radial-gradient(ellipse 20% 61% at 32% 64%,color-mix(in srgb,var(--rear) 79%,transparent),transparent 92%),
 linear-gradient(116deg,transparent 14%,#190e1b9e 29%,transparent 55%);
 transform:translateX(calc((var(--house-pass,.5) - .5)*28%));
}
.threshold-frame{position:absolute;inset:0;pointer-events:none;border-top:clamp(9px,1.9vw,25px) solid var(--trim);box-shadow:inset 0 1px #e6bb7a9e}
.threshold-frame i{position:absolute;inset:0 auto 0 0;width:15%;border-inline-end:1px solid #edbc8580;background:linear-gradient(90deg,#20151e,transparent 40%,#1a121b95 80%,#d0a47899),var(--surface) center/cover;box-shadow:6px 0 18px #1b111a9e;transform:translateX(calc(-54% * var(--house-pass,.5)))}
.threshold-frame i+i{left:auto;right:0;transform:translateX(calc(54% * var(--house-pass,.5))) scaleX(-1)}
.room-landing{position:absolute;z-index:-1;pointer-events:none;top:clamp(149px,22vw,267px);height:clamp(150px,26vw,265px);inset-inline:0;overflow:hidden;background:linear-gradient(transparent,var(--ink-shade) 96%),var(--floor) center 60%/cover;mask-image:linear-gradient(#000 0 42%,transparent 100%)}
.room-landing span,.room-landing i{position:absolute;inset:0 -12%}
.room-landing span{background:radial-gradient(ellipse 42% 73% at 50% 0%,var(--light),transparent 94%);opacity:.65;transform:translateX(calc((var(--house-pass,.5) - .5)*31%))}
.room-landing i{background:linear-gradient(119deg,transparent 9%,#1c122868 24%,transparent 38% 59%,#1a14216e 72%,transparent 87%);transform:translateX(calc((.5 - var(--house-pass,.5))*24%))}
.room-page{
 position:relative;margin:clamp(18px,2.5vw,34px) clamp(9px,2.3vw,25px) clamp(9px,2.3vw,25px);
 padding:clamp(19px,3.5vw,42px) var(--room-gutter);background:linear-gradient(180deg,#ffffff10,#fffdf380 230px),var(--page);
 border:1px solid #ac8a65;border-top:3px solid var(--trim);box-shadow:0 10px 17px #2a1a2829;
}
.room-page>:last-child{margin-bottom:0}
.room-page>p{margin-block:0 1.1em}
.room-plaque{display:inline-block;padding:3px 9px;border:1px solid #9b7b58;color:#fff0d8;background:var(--trim);box-shadow:0 2px 0 #96785855}
.room-page>h2{font-size:clamp(33px,4.1vw,58px);margin:1.04em 0 .39em;max-width:24ch}
.room-page>h2[data-room-heading]{margin:.25em 0 .46em}
.room-number{float:right;color:#684d38;font-variant-numeric:tabular-nums;padding:4px 0 0 6px}
.room-ambient{position:absolute;z-index:-1;pointer-events:none;inset:clamp(280px,35vw,420px) 0 0;background:linear-gradient(90deg,var(--ink-shade),transparent 12% 88%,var(--ink-shade));opacity:.38}
.room-page .bridge{margin-left:calc(var(--room-gutter)*-.46);margin-right:calc(var(--room-gutter)*-.46)}
.room-page figure:not(.text-ribbon,.sbds-charm-ribbon):has(>img){padding:6px 6px 0;background:linear-gradient(168deg,#e1c39a,#f8eed8);border:1px solid #a98360;box-shadow:0 8px 16px #34211822}
.room-page figure:not(.text-ribbon,.sbds-charm-ribbon):has(>img)>figcaption{padding:0 8px 9px}
.room-page figure:not(.text-ribbon,.sbds-charm-ribbon):has(>img):not(:has(figcaption)){padding-bottom:6px}
.room-page .text-ribbon{border-inline:1px solid #c4a57d;border-left:3px solid var(--trim);box-shadow:0 5px 12px #40251818}
.room-page .paper-panel,.room-page :is(.sb-native-table,.sb-pattern-decoder,.sb-signature-plan,.sb-decision-map){border-left-color:var(--trim)}
.reading .reading-fold:not(.mobile-contents){
 margin:10px 0 17px;padding:0 11px;border:1px solid #b69570;border-left:3px solid var(--trim);
 background:#f7e8ce;color:#402b23
}
.reading .reading-fold summary{display:flex;align-items:center;justify-content:space-between;gap:9px;list-style:none;font-size:.9rem;padding:7px 0;line-height:1.27}
.reading .reading-fold summary::-webkit-details-marker{display:none}
.reading .reading-fold summary::after{content:"+";color:#664126;font-size:19px;line-height:1;font-weight:400}
.reading .reading-fold[open] summary::after{content:"−"}
.reading .reading-fold>.fold-body{border-top:1px solid #bea180;margin:0;padding:10px 0 0}
.room-page>p,.reading .fold-body>p{margin-block:0 .85em}
.room-page>h2:not([data-room-heading]){margin-top:.86em}
.room-page figure{margin-block:20px 25px}
.room-page :is(.paper-panel,.sb-native-table,.sb-pattern-decoder,.sb-signature-plan,.sb-decision-map,.sb-quick-answer){margin-block:17px;padding:clamp(12px,2vw,22px)}
.reading .source-shelf{
 margin:24px 0 8px;padding:clamp(13px,2.5vw,23px);border:1px solid #a98765;border-top:3px solid #66523b;
 background:linear-gradient(145deg,#fcf1ddd9,#fff9edeb),url("article-paper.webp") center/cover;
 box-shadow:0 7px 0 -5px #ae9474;color:#3b2a22
}
.source-shelf h2,.room-page .source-shelf h2{margin:0 0 .28em;font-size:clamp(28px,3.7vw,43px)}
.reading .source-shelf :is(ol,ul){margin:0;padding-left:19px;color:#5e412f;font-size:.88rem;line-height:1.42}
.reading .source-shelf li{padding:5px 0;border-bottom:1px solid #9f765144}
.reading .source-shelf li+li{margin:0}
.reading .source-shelf li:last-child{border-bottom:0}
@media(min-width:900px){.reading .source-shelf ol{columns:2;column-gap:32px}.source-shelf li{break-inside:avoid-column}}
.reading .source-shelf:has(>.source-index){padding:4px 0;margin:15px 0 3px;display:flex;flex-wrap:wrap;gap:0 10px;align-items:center;border:0;border-top:1px solid #b99a75;background:none;box-shadow:none}
.reading .source-shelf:has(>.source-index)>:is(h2,h3){margin:0;font:700 .71rem/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.reading .source-shelf .source-index{display:flex;flex-wrap:wrap;gap:0;padding:0;margin:0;list-style:none;columns:auto}
.reading .source-index li{padding:0;border:0}
.reading .source-index a{display:grid;min-width:37px;min-height:44px;place-items:center;text-decoration:none}
.source-number{display:grid;min-width:25px;min-height:25px;place-items:center;background:#f9edd8;border:1px solid #b0906c;font-variant-numeric:tabular-nums}
.source-index a:hover .source-number{background:#f1d2a5;text-decoration:underline}
.source-full-title{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.reading .faq-fold summary>h3{margin:0;font:650 .91rem/1.32 var(--sans);letter-spacing:0}
.reading .faq-fold summary::marker{color:#79512e}
.reading .table-scroll{scrollbar-color:#a27d59 #f1dfc4}
@media(max-width:620px){.reading table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))){min-width:320px;table-layout:fixed;font-size:.82rem}.reading table:has(thead th:nth-child(3)):not(:has(thead th:nth-child(4))) :is(td,th){padding:6px;overflow-wrap:anywhere}}

.answer-sign{margin:19px 0 29px}
.reading .answer-sign a.answer-home{
 display:grid;min-height:76px;grid-template-columns:64px minmax(0,1fr) auto;align-items:stretch;gap:14px;
 padding:0 13px 0 0;color:#fff0dc;text-decoration:none;
 background:radial-gradient(ellipse at 9% 76%,#79513c85,transparent 49%),linear-gradient(105deg,#30222be6,#251b25f2),url("article-cloth.webp") center/cover;
 border:1px solid #a7805b;box-shadow:0 5px 0 -2px #aa8662,0 12px 20px #28172738,inset 0 0 0 3px #dba27125;
}
.sign-lantern{position:relative;display:grid;place-items:center;overflow:hidden;border-inline-end:1px solid #a57b58;background:linear-gradient(90deg,#271924ab,#3522383b),url("lantern-window-2.webp") 63% 56%/cover}
.sign-lantern>span:not(.portal-art){width:21px;height:27px;border:1px solid #ffce8f;border-radius:52% 51% 42% 43%;background:repeating-linear-gradient(90deg,#dc7f0e42 0 2px,#fbd48c26 3px 4px),radial-gradient(ellipse at 46% 42%,#fff2b5,#e7a250 70%,#9f4a1a);box-shadow:0 0 20px #e99e57b9}
.sign-lantern .portal-art{width:76%;height:52px;min-height:0;--doorway-trim:3px;--peek-sheet-height:76%;--room-view:url("article-workshop-hall.webp");--room-floor:url("workshop-floor.webp")}
.sign-lantern .portal-view{inset:4% 6% 9%}
.sign-lantern .portal-frame{inset:3% 4% 5%;border-width:2px}
.sign-copy{padding:9px 0}
.sign-copy .eyebrow{display:block;color:#f5c997;letter-spacing:.10em}
.sign-copy strong{display:block;font:400 clamp(23px,3vw,37px)/1.06 var(--serif)}
.sign-arrow{align-self:center;display:grid;place-items:center;width:34px;height:34px;border:1px solid #d5af83;color:#251a23;background:#f6cd96}
.answer-home:is(:hover,:focus-visible) strong{text-decoration:underline}
.mobile-home a small,.mobile-home a strong{display:block;line-height:1.16}
.mobile-home a small{color:#f1c794;font-size:.61rem;letter-spacing:.06em;text-transform:uppercase}
.mobile-home a strong{font-size:.92rem}
.mobile-home a b{margin-left:4px}
.guide-position{padding:3px 7px 12px;border-bottom:1px solid #af8b657a;margin-bottom:7px}
.guide-position .eyebrow{color:#efc79d;margin-bottom:5px}
.guide-position [data-guide-position]{display:block;color:#fff0d8;font:400 24px/1.02 var(--serif)}
.contents a[aria-current="location"]{color:#251b25;background:#f2cf9b;box-shadow:inset 3px 0 #ba8051}
@media(max-width:860px){
 .mobile-contents{position:sticky;top:var(--mast);z-index:5;color:#fff1dc;background:#2f232b;border:1px solid #b28a62;box-shadow:0 4px 9px #3c291f33}
 .mobile-contents summary{display:flex;align-items:center;gap:7px;padding:6px 9px 6px 11px;min-height:46px;list-style:none;line-height:1.15}
 .mobile-contents summary::-webkit-details-marker{display:none}
 .mobile-contents summary::after{content:"";width:7px;height:7px;border-inline-end:1px solid #f5ce98;border-block-end:1px solid #f5ce98;transform:rotate(45deg);margin:0 3px 3px auto;flex:none}
 .mobile-contents[open] summary::after{transform:rotate(225deg);margin-bottom:-3px}
 .mobile-contents .guide-caption{flex:none;text-transform:uppercase;letter-spacing:.055em;font-size:.64rem;color:#f5c996;border-inline-end:1px solid #b59069;padding-inline-end:7px}
 .mobile-contents summary [data-guide-position]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 clamp(17px,4.5vw,21px)/1.15 var(--serif)}
 .mobile-contents nav{max-height:min(44vh,360px);overflow:auto;padding:3px 7px 7px;background:#30222b;border-top:1px solid #a88361}
 .reading .mobile-contents nav a:not(.button):not(.portal){color:#fff1de;padding-inline:7px}
 .reading .mobile-contents nav a[aria-current="location"]:not(.button):not(.portal){color:#2c2025;background:#f2cf9b}
 .mobile-contents :focus-visible{outline-color:#fff0c8;outline-offset:-2px}
 .reading :is(h2[id],h3[id],[id^="article-quick-answer"]){scroll-margin-top:46px}
}
.home-invite[hidden]{display:none}
.home-invite{
 position:fixed;z-index:8;right:clamp(12px,2.5vw,42px);bottom:calc(13px + env(safe-area-inset-bottom));
 display:grid;grid-template-columns:clamp(74px,11vw,122px) minmax(0,1fr);
 width:min(456px,calc(100% - 24px));color:#fff0dc;
 background:radial-gradient(ellipse at 16% 68%,#6d493eac,transparent 72%),#2c202a;border:1px solid #bd986e;
 box-shadow:0 12px 38px #1c131ce0,inset 0 0 0 3px #d8a96120;
}
.invite-scene{position:relative;overflow:hidden;min-width:0;border-inline-end:1px solid #ba9369;background:linear-gradient(180deg,#31202b51,transparent 49%,#241a24c0),url("article-library-hall.webp") 51% 57%/cover}
.invite-scene::before{content:"";position:absolute;inset:6% 9% 0;border:5px solid #60402e;border-bottom:0;box-shadow:0 0 0 1px #d9a96da1,inset 0 0 0 1px #dcaf79a0,inset 0 0 14px #1d1120a0}
.invite-copy{padding:12px 36px 10px 13px}
.invite-copy .eyebrow{color:#f3c392;font-size:.62rem;line-height:1.25;letter-spacing:.09em}
.invite-copy h2{font-size:clamp(29px,4.75vw,39px);margin:4px 0 5px;line-height:.94}
.invite-copy h2::first-line{color:#f8d0a1}
.invite-copy h2 em{color:#f6ca95}
.invite-copy>p:not(.eyebrow){color:#ffe5ce;font-size:.84rem;line-height:1.32}
.invite-actions{display:flex;align-items:center;flex-wrap:wrap;gap:3px 10px;margin-top:9px}
.invite-actions .button{min-height:44px;font-size:.82rem;box-shadow:none}
.invite-keep,.invite-close{min-width:44px;min-height:44px;color:#fff0dc;background:none;border:0;font:650 .77rem var(--sans)}
.invite-keep{text-decoration:underline;text-underline-offset:.21em;padding:0}
.invite-close{position:absolute;right:1px;top:0;font:400 23px/1 var(--sans)}
.home-invite :focus-visible{outline-color:#fff0ca;outline-offset:0}
@media(prefers-reduced-motion:no-preference){
 .home-invite:not([hidden]){animation:invite-arrival .23s ease-out both}
 @keyframes invite-arrival{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
}
@media(max-width:620px){
 .hero-copy{position:relative}
 .hero-crumb{font-size:.64rem;letter-spacing:.08em}
 .hero h1{font-size:clamp(38px,10.2vw,63px);margin:0 0 11px}
 .hero h1 em{font-size:.68em}
 .hero .quick-answer{margin:0 0 9px;padding:8px 11px}
 .answer-extra:has(.answer-details[open]) summary{margin-inline-end:138px;gap:6px;line-height:1.15}
 .hero .answer-extra:has(.answer-details[open]) .answer-doorway{
  position:absolute;inset-block-start:1px;inset-inline-end:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;
  width:128px;min-height:44px;padding:3px 5px 3px 3px;border:1px solid #9f703d;color:#3d251a;
  background:linear-gradient(135deg,#ffe5b6,#edc38b);font-size:.69rem;line-height:1.15;font-weight:700;text-decoration:none
 }
 .hero .answer-doorway .doorway-art{--doorway-trim:3px;flex:0 0 28px;height:35px;border:1px solid #9e7147}
 .hero .answer-doorway:focus-visible{outline-color:#7d4825;outline-offset:1px}
 .hero .doorway-transfer{
  position:absolute;z-index:3;inset:0 auto auto 0;width:1px;height:1px;pointer-events:none;
  transform-origin:top left
 }
 .doorway-transfer::before{
  content:"";position:absolute;inset:-15% -68% -50%;
  background:radial-gradient(ellipse at 48% 38%,#ffe5b6aa 0%,#ffc57761 39%,transparent 72%);
 }
 .hero .doorway-transfer .doorway-art{width:100%;height:100%;border:0}
 @media(prefers-reduced-motion:no-preference){
  .hero .hero-home>.doorway-art{transition:opacity .24s ease}
  .hero-copy:has(.answer-details[open]) .hero-home>.doorway-art{opacity:.72}
 }
 .hero .hero-actions{width:100%;display:grid;gap:3px;margin:0 0 5px}
 .hero .hero-home{width:100%;min-height:98px;grid-template-columns:clamp(68px,26vw,124px) minmax(0,1fr) auto}
 .hero .reading-link{justify-self:start}
 .hero .dek{font-size:.91rem;line-height:1.42}
 .hero .meta{margin-top:9px}
 .reading{--room-gutter:13px}
 .chapter-room{margin-inline:-6px;margin-bottom:22px}
 .chapter-room .article-threshold{height:clamp(137px,45vw,205px)}
 .room-landing{top:clamp(134px,45vw,202px)}
 .room-page{margin-inline:8px;margin-top:18px;padding-top:15px}
 .room-page>h2{font-size:clamp(30px,7.6vw,44px)}
 .room-page{line-height:1.58}
 .room-page .bridge{margin-inline:0}
.reading .answer-sign a.answer-home{grid-template-columns:49px minmax(0,1fr) auto;gap:9px;padding-right:9px}
 .sign-arrow{width:29px;height:29px}
 .home-invite{grid-template-columns:clamp(52px,18vw,82px) minmax(0,1fr)}
 .invite-copy{padding-left:9px;padding-right:27px}
 .invite-close{right:0}
 .invite-actions{gap:2px 8px}
 .invite-keep{min-height:44px}
}

.mast,.contents,.mobile-contents{
 background:linear-gradient(125deg,#382a33f2,#221923f6),url("article-cloth.webp") center/360px auto
}
.mast{box-shadow:0 4px 13px #170e19a1,inset 0 -3px #110b14b0}
.progress span{background:linear-gradient(90deg,#a86c4b,#e5a977 64%,#ffe4ae);box-shadow:0 0 6px #e6a76e93}
.hero{
 background:
  radial-gradient(ellipse at 79% 36%,#b6795878,transparent 59%),
  linear-gradient(150deg,#231926f2,#3e2b37c4 63%,#231925ec),
  url("article-plum-hall.webp") center 58%/cover
}
.hero-photo{background:linear-gradient(118deg,#77543c77,#2c1e22aa),url("desk-walnut.webp") center/160px}
.hero-photo::before{
 content:"";position:absolute;z-index:1;inset:7px;pointer-events:none;
 box-shadow:inset 0 0 0 1px #efce9a8f,inset 0 0 0 3px #21191b83;
 background:linear-gradient(125deg,#fff0b921,transparent 35%)
}
.reading-room{
 background:radial-gradient(ellipse at 66% 0%,#f8e5c7 2%,transparent 520px),
  linear-gradient(90deg,#4b2c2230,transparent 14% 90%,#4b2c2233),
  url("article-plaster.webp") center top/auto 650px
}
.contents{box-shadow:0 12px 21px #3b241f43,inset 0 0 0 3px #c8975f29,inset 0 0 0 4px #1d151d88}
.contents a[aria-current="location"]{background:linear-gradient(105deg,#f4d7a6,#edc18e)}
.contents:not(:has(li)),.reading .mobile-contents:not(:has(li)){display:none}
.rail-home,.departure-guides a{
 background:linear-gradient(110deg,#fff1d99e,#e2be8c97),url("article-paper.webp") center/340px;color:#38261d
}
.rail-home{
 display:grid;grid-template-columns:44px minmax(0,1fr) 18px;gap:8px;
 margin:0 0 9px;padding:0 9px 0 0;min-height:66px;
 box-shadow:inset 0 0 0 2px #fff4d980,0 5px 9px #3b241f36
}
.rail-home .doorway-art{
 min-height:0;height:100%;--doorway-trim:3px;--room-view:url("article-morning-hall.webp");
 border-inline-end:1px solid #a78363
}
.rail-home small{font-size:.67rem;font-weight:650}
.rail-home strong{font:400 20px/1.02 var(--serif)}
.rail-home b{justify-self:center}
.reading>.article-lead{
 padding:clamp(11px,2vw,20px) clamp(13px,2.4vw,24px);
 background:linear-gradient(110deg,#fff8e9ed,#f3dfc0df),url("article-paper.webp") center/420px;
 border:1px solid #b18a61;border-inline-start:3px solid #956342;
 box-shadow:inset 0 0 0 2px #fff8e8b5,0 5px 13px #41271b20
}
.chapter-room{
 box-shadow:0 17px 30px #452a2639,inset 4px 0 #e0b68154,inset -4px 0 #38241f6b;
 border-color:#957151;
 scroll-margin-top:49px
}
.room-page{
 background:linear-gradient(104deg,var(--page),#fff5e5ed 78%),url("article-paper.webp") center/410px;
 box-shadow:0 13px 29px #2a1a2738,inset 0 1px #fff8ef,inset 0 0 0 3px #af8c6040
}
.room-page>h2:not([data-room-heading]){
 padding-top:.55em;
 max-width:none;
 border-top:1px solid #a57e5153;
 background:linear-gradient(90deg,var(--trim) 0 27px,transparent 27px) left top/100% 2px no-repeat;
 font-size:clamp(29px,3.2vw,45px)
}
.room-plaque{border-radius:2px;background:linear-gradient(114deg,#ffffff16,transparent),var(--trim);box-shadow:inset 0 0 0 1px #ffffff21,0 2px 0 #96785855}
.reading :is(.paper-panel,.sb-native-table,.sb-pattern-decoder,.sb-signature-plan,.sb-decision-map,.sb-quick-answer){
 background:linear-gradient(118deg,#fffbf0,#f2dfc7);
 box-shadow:inset 0 0 0 2px #fffaf0a3,0 6px 17px #53362114
}
.reading blockquote{
 margin:1.2em 0;padding:.6em 1em;border-inline-start:3px solid var(--trim,#91633e);
 background:#fff5e6b8;color:#453121
}
.reading th{background:linear-gradient(105deg,#e4c8a1,#eedabd)}
.reading tbody tr:nth-child(even){background:#e9d7bd54}
.reading details:is(.reading-fold,.faq-fold)[open]{box-shadow:inset 0 0 0 2px #fff9ed,0 4px 10px #35201d14}
.reading .faq-fold summary{color:#4d3025}
.reading .source-index .source-number{
 border-color:#b38c63;background:linear-gradient(150deg,#fff5e1,#e9cda8);
 box-shadow:inset 0 0 0 1px #fff0d9;color:#4d321f;border-radius:2px
}
.room-exit{
 display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:6px;
 padding:7px;margin:0 clamp(9px,2.3vw,25px) clamp(9px,2.3vw,25px);
 background:linear-gradient(110deg,#2b1e28bc,#211922ed),var(--surface) center/cover;
 border:1px solid #a07b58;box-shadow:0 7px 13px #24172050,inset 0 0 0 2px #bc916331
}
.room-exit:not(:has(.room-exit-next)){grid-template-columns:1fr}
.reading .room-exit a{
 display:grid;align-items:center;gap:9px;min-height:60px;min-width:0;
 padding-right:10px;border:1px solid #aa825d;text-decoration:none
}
.reading .room-exit .room-exit-home{
 grid-template-columns:clamp(42px,7vw,60px) minmax(0,1fr) 22px;
 color:#33211b;background:linear-gradient(113deg,#ffedcf,#ebbc88);
 box-shadow:inset 0 0 0 2px #fff4d97d
}
.reading .room-exit a.room-exit-next{
 grid-template-columns:minmax(0,1fr) 20px;padding:6px 10px;color:#fff3de;background:#30232f
}
.room-exit small,.room-exit strong{display:block}
.room-exit small{font-weight:700;font-size:.66rem;line-height:1.2}
.room-exit strong{font:400 clamp(18px,2.2vw,23px)/1.04 var(--serif);margin-top:3px}
.room-exit b{font-weight:650;justify-self:center}
.room-exit a:is(:hover,:focus-visible) strong{text-decoration:underline}
.room-exit a:focus-visible{outline:2px solid #ffedc8;outline-offset:-3px}
.room-exit .portal-art{height:100%;min-height:0;--room-view:url("article-library-hall.webp")}
.room-exit[data-room="desk"] .portal-art{--room-view:url("article-workshop-hall.webp")}
.room-exit[data-room="lantern"] .portal-art{--room-view:url("article-viewing-hall.webp")}
.room-exit .portal-frame{border-width:3px}
.room-exit .portal-view{inset:4% 8% 12%}
.room-exit .portal-light{opacity:calc(.45 + var(--house-pass,.5)*.35)}
.room-exit-home:is(:hover,:focus-visible,:active) .portal-light{opacity:.95}
.room-exit-home:is(:hover,:focus-visible,:active) b{
 background:#fff6de;box-shadow:0 0 14px #fff4c2b5
}
.room-exit-home b{border:1px solid #92653e;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:.8rem}
.hallway .hall-door,.reading .room-exit a{overflow-wrap:anywhere}
.threshold-frame i{
 background:linear-gradient(90deg,#1a101a,transparent 38%,#2b1b23ba 78%,#e1ab748c),var(--surface) center/cover;
 box-shadow:7px 0 16px #160f17b8
}
.room-landing span{mix-blend-mode:screen}
.hallway,.ending-card{
 background:radial-gradient(ellipse at 22% 0%,#b0765159,transparent 65%),
  linear-gradient(132deg,#372733c9,#211923f5),url("article-cloth.webp") center/420px;
 box-shadow:0 13px 26px #331b285c,inset 0 0 0 4px #d4a36d2f,inset 0 0 0 5px #1f161e
}
.hallway .hall-front .portal-view{
 background-image:linear-gradient(90deg,#26192456,transparent 53%,#20142148),var(--room-view)
}
.hallway .hall-door:first-of-type{background:linear-gradient(110deg,#4b4634,#302c26)}
.hallway .hall-door:last-of-type{background:linear-gradient(105deg,#4e302f,#2b2029)}
.hallway .hall-arrow,.departure-guides a>span:last-child{justify-self:center}
.hallway .hall-front .portal-art::after,.departure-scene::after{
 content:"";position:absolute;inset:0 -22%;z-index:4;pointer-events:none;
 background:linear-gradient(115deg,transparent 23%,#df9c5938 44%,#ffe4a845 49%,transparent 65%);
 opacity:.65;transform:translateX(calc((var(--house-pass,.5) - .5)*35%))
}
.ending-portal:is(:hover,:focus-visible) .primary,
.hall-front:is(:hover,:focus-visible) .primary,
.departure-link:is(:hover,:focus-visible) .primary{
 box-shadow:0 0 14px #ffd38f79,inset 0 0 0 1px #fff1cb
}
.portal:active .portal-frame,.departure-link:active .portal-frame{
 box-shadow:0 0 0 1px #f5c58a,inset 0 0 13px #f8c88aab
}
.article-ending{
 background:linear-gradient(177deg,#d8b68a7a,#3729329c 43%,#261d27 94%),
  url("article-plaster.webp") center 30%/auto 650px
}
.departure{
 background:radial-gradient(ellipse at 59% 27%,#ba7b514f,transparent 68%),
  linear-gradient(180deg,#261d2790,#261d27),url("article-hero-night.webp") center 56%/cover
}
.departure-link{background:linear-gradient(115deg,#261a26f2,#533630d4),url("article-cloth.webp") center/440px}
.departure-guides{width:min(1090px,calc(100% - 76px));margin:12px auto 0;display:flex;justify-content:flex-start}
.departure-guides a{
 display:inline-grid;grid-template-columns:auto minmax(0,1fr) 24px;align-items:center;gap:10px;min-height:48px;
 border:1px solid #c48e5b;box-shadow:inset 0 0 0 2px #fff4d974,0 7px 16px #130b1678;
 padding:7px 12px;font-size:.89rem;font-weight:700;text-decoration:none
}
.departure-guides a:is(:hover,:focus-visible) span:nth-child(2){text-decoration:underline}
.doorway-walk :is(.portal-art,.departure-scene,.invite-scene){display:block;width:100%;height:100%;min-height:0;border:0}
.doorway-walk .doorway-art{border:0}
.doorway-walk .invite-scene{background-position:51% 57%}
@media(max-width:860px){.departure-guides{width:min(690px,calc(100% - 44px))}}
@media(max-width:620px){
 .hero{background-position:center,center,56% 46%}
 .hero-photo{padding:6px}
 .hero-photo::before{inset:5px}
 .departure-guides a{width:100%}
 .room-exit{grid-template-columns:1fr;padding:5px;margin-inline:8px}
 .reading .room-exit .room-exit-next{min-height:49px}
 .room-exit .portal-art{height:100%}
}

.portal-view:has(.portal-peek){overflow:hidden}
.portal-peek{
 position:absolute;inset:0;display:grid;place-items:center;
 color:#ffeed4;pointer-events:none;
 background:linear-gradient(180deg,#2918221f,transparent 35%,#29182035)
}
.peek-image{display:block;width:100%;height:100%;background-repeat:no-repeat}
.portal-peek[data-kind="video"] .peek-image{background:url("article-presentation.webp") 69% center/cover}
.portal-peek[data-kind="worksheet"] .peek-image{
 height:var(--peek-sheet-height,78%);width:auto;max-width:87%;aspect-ratio:850/1100;
 border:1px solid #e2bb86;background:#fff9ea;box-shadow:4px 5px 13px #24141cca;
 background:#fff9ea url("tonight-rescue.png") center/contain no-repeat;
 transform:rotate(-6deg)
}
.portal-peek[data-worksheet="caregiver-handoff"] .peek-image{background-image:url("caregiver-handoff.png")}
.portal-peek[data-worksheet="night-review"] .peek-image{background-image:url("night-review.png")}
.peek-play{
 position:absolute;inset:auto;display:grid;place-items:center;width:28px;height:28px;
 border:1px solid #f4cf94;border-radius:50%;background:#2e1f2ce8;color:#fff6db;
 font:650 .72rem/1 var(--sans)
}
.peek-book{
 width:68%;max-width:116px;min-height:var(--peek-book-height,72%);display:grid;align-content:center;
 padding:6% 5% 6% 9%;color:#fff5de;background:
  linear-gradient(90deg,#30281e 0 9%,#d3b478 10%,#4b4634 12%,#606747 100%);
 border:1px solid #c5a672;border-radius:2px 0 0 2px;box-shadow:4px 6px 13px #1b1418b2;
 transform:perspective(180px) rotateY(-12deg) rotate(-5deg)
}
.peek-curtain{
 --curtain-side:-1;
 position:absolute;inset:0 auto 0 0;width:50%;transform-origin:left center;
 background:repeating-linear-gradient(92deg,#190e1bcc,#581d35ce 15%,#b26955aa 24%,#281227df 37%),
  url("article-cloth.webp") center/cover;
 box-shadow:inset 0 0 10px #1a101dbd,1px 0 2px #e1ad747b;
 transform:translateX(-36%) scaleX(.92)
}
.peek-curtain-right{--curtain-side:1;inset:0 0 0 auto;transform-origin:right center;transform:translateX(36%) scaleX(.92)}
.doorway-walk-forward{
 --book-rest-angle:-5deg;
}
.doorway-walk-forward .peek-book{animation:doorway-book-pull 800ms both}
.doorway-walk-forward .portal-peek[data-kind="worksheet"] .peek-image{animation:doorway-paper-lift 800ms both}
.doorway-walk-forward .peek-curtain{animation:doorway-curtain-part 800ms both}
.doorway-walk[data-returning] .peek-book{
 animation:doorway-book-return var(--walk-duration) both
}
.doorway-walk[data-returning] .portal-peek[data-kind="guide"]::before{
 content:"";position:absolute;inset:auto 13% 9%;height:12%;
 background:radial-gradient(ellipse at center,#1b1117e8,transparent 70%);
 animation:doorway-slot-shadow var(--walk-duration) both
}
.doorway-walk[data-returning] .portal-peek[data-kind="worksheet"] .peek-image{
 position:relative;overflow:hidden;
 animation:doorway-paper-return var(--walk-duration) both
}
.doorway-walk[data-returning] .portal-peek[data-kind="worksheet"] .peek-image::after{
 content:"";position:absolute;inset:0 -12%;
 background:linear-gradient(108deg,transparent 31%,#f2ac5440 40%,#fff9d5c4 49%,#ffd88650 57%,transparent 67%);
 mix-blend-mode:screen;
 animation:doorway-sheet-reflection var(--walk-duration) both
}
.doorway-walk[data-returning] .peek-curtain{
 animation:doorway-curtain-return var(--walk-duration) both
}
.doorway-walk[data-returning] .peek-curtain-right{
 animation-duration:calc(var(--walk-duration) - 24ms);
 animation-delay:24ms
}
.doorway-walk[data-returning] .portal-peek:not([data-kind="home"])::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(120deg,transparent 20%,#ffcf9b65 48%,transparent 73%);
 animation:doorway-return-object-light var(--walk-duration) both
}
.doorway-walk[data-returning] .portal-view:has(.portal-peek:not([data-kind="home"])){transform:none}
.is-receiving-doorway :is(.peek-book,.portal-peek[data-kind="worksheet"] .peek-image,.peek-curtain){
 animation:doorway-object-reveal var(--walk-duration) both
}
@keyframes doorway-object-reveal{
 0%,86%{opacity:0}
 100%{opacity:1}
}
.peek-book span{
 display:block;border-block:1px solid #e5cc9587;padding-block:5%;
 font:400 var(--peek-book-type,clamp(8px,1.5vw,18px))/1 var(--serif);overflow-wrap:break-word
}
.peek-title{display:block;margin-top:4px;font:650 .76rem/1.22 var(--sans)}
.bridge-copy .peek-title{margin:0 0 10px}
.hallway .hall-door:has(.portal-peek){grid-template-columns:62px minmax(0,1fr) 20px;min-height:88px}
.hall-door .portal-art,.room-exit .portal-art{--peek-book-type:8px;--peek-book-height:0%}
.room-exit .portal-art:has(.portal-peek){min-height:79px}
.reading .room-exit .room-exit-home:has(.portal-peek){grid-template-columns:clamp(67px,9vw,99px) minmax(0,1fr) 22px}
.departure-scene>.portal-art,.invite-scene>.portal-art{width:100%;height:100%;min-height:0;border:0}
.invite-scene>.portal-art .portal-view{inset:0}
.departure-scene>.portal-art .portal-view{inset:4% 8% 7%}
.ending-portal .portal-art{--peek-sheet-height:85%}
.portal-peek[data-kind="home"]{background:url("article-hero-night.webp") 61% center/cover}
.portal-peek[data-shelf]{
 background:radial-gradient(ellipse at 48% 3%,#e3ae7373,transparent 72%),linear-gradient(0deg,#2c1b16a8,#4b2d1e42),
  url("article-library-hall.webp") center/cover;
}
.peek-shelf-books{
 display:flex;align-items:flex-end;justify-content:center;gap:5%;position:absolute;inset:22% 12% 19%;
 border-bottom:2px solid #c69869;box-shadow:0 3px 0 #4d2c20,0 5px 8px #211410aa;
}
.peek-shelf-books>span{
 width:29%;height:92%;border:1px solid #dabe86;border-radius:2px 2px 0 0;
 background:linear-gradient(90deg,#21181080,transparent 36%,#ffe7bc2b),var(--shelf-cover,#404738);
 box-shadow:1px 1px 3px #221410bd;
}
.peek-shelf-books>span:nth-child(2){height:83%;--shelf-cover:#743d37}
.peek-shelf-books>span:nth-child(3){height:87%;--shelf-cover:#e9d8b4;border-color:#9c7548}
[data-shelf="naps"] .peek-shelf-books>span:first-child{--shelf-cover:#6a4730}
[data-shelf="waking"] .peek-shelf-books>span:first-child{--shelf-cover:#383853}
[data-shelf="toddler"] .peek-shelf-books>span:first-child{--shelf-cover:#474331}
@media(prefers-reduced-motion:no-preference){
 a:has(.portal-peek) .portal-peek{transition:transform 180ms ease,filter 180ms ease}
 a:has(.portal-peek):is(:hover,:focus-visible,:active) .portal-peek{
  transform:scale(1.09);filter:brightness(1.16)
 }
}
@media(max-width:620px){
 .hallway-grid:has(.portal-peek){grid-template-columns:1fr}
 .hallway .hall-door:has(.portal-peek){grid-template-columns:78px minmax(0,1fr) 20px;min-height:86px}
 .hallway .hall-door:has(.portal-peek) .hall-label{padding:8px 7px}
 .hall-door .peek-title{font-size:.74rem}
 .hall-door .hall-label strong{font-size:clamp(20px,5vw,25px)}
 .reading .room-exit .room-exit-home:has(.portal-peek){grid-template-columns:83px minmax(0,1fr) 22px}
 .bridge .portal-art:has(.portal-peek){height:clamp(145px,46vw,201px)}
 .portal-peek[data-kind="video"] .peek-image{background-image:url("article-presentation-phone.webp")}
}

/* Both pages use this timeline. Navigation happens at 420 ms. */
@keyframes doorway-book-pull{
 0%{transform:translate(0,0) rotate(-5deg)}
 15%{transform:translate(1%,-3%) rotate(-5deg);animation-timing-function:cubic-bezier(.2,.6,.34,1)}
 53%{transform:translate(12%,-17%) rotate(-9deg) scale(1.07)}
 69%{transform:translate(15%,-21%) rotate(-10deg) scale(1.085);animation-timing-function:cubic-bezier(.23,.65,.32,1)}
 100%{transform:translate(0,0) rotate(var(--book-rest-angle,0deg))}
}
@keyframes doorway-paper-lift{
 0%{transform:translate(0,0) rotate(-5deg)}
 16%{transform:translate(1%,-4%) rotate(-7deg);animation-timing-function:cubic-bezier(.2,.62,.35,1)}
 53%{transform:translate(5%,-22%) rotate(1deg) scale(1.15)}
 69%{transform:translate(7%,-28%) rotate(3deg) scale(1.18);animation-timing-function:cubic-bezier(.25,.68,.32,1)}
 100%{transform:translate(0,0) rotate(-5deg)}
}
@keyframes doorway-curtain-part{
 0%{transform:translateX(calc(var(--curtain-side)*36%)) scaleX(.92)}
 19%{transform:translateX(calc(var(--curtain-side)*40%)) scaleX(.88);animation-timing-function:cubic-bezier(.32,.07,.3,1)}
 53%{transform:translateX(calc(var(--curtain-side)*70%)) scaleX(.77)}
 73%{transform:translateX(calc(var(--curtain-side)*104%)) scaleX(.56)}
 100%{transform:translateX(calc(var(--curtain-side)*104%)) scaleX(.56)}
}

/* The objects settle as the return doorway reaches its place on the page. */
@keyframes doorway-book-return{
 0%,19%{transform:translate(15%,-21%) rotate(-10deg) scale(1.085)}
 59%{transform:perspective(180px) translate(6%,-11%) rotateY(-7deg) rotate(-7deg);animation-timing-function:cubic-bezier(.48,.02,.83,.55)}
 75%{transform:perspective(180px) translate(-3%,2.5%) rotateY(-15deg) rotate(-4deg);animation-timing-function:ease-out}
 84%{transform:perspective(180px) translate(.8%,-1%) rotateY(-11deg) rotate(-5.5deg)}
 94%,100%{transform:perspective(180px) rotateY(-12deg) rotate(-5deg)}
}
@keyframes doorway-slot-shadow{
 0%,55%{opacity:0;transform:translateX(12%) scaleX(1.24)}
 75%{opacity:.86;transform:translateX(-1%) scaleX(1.04)}
 92%{opacity:.38;transform:translateX(0) scaleX(1)}
 100%{opacity:0;transform:translateX(0) scaleX(1)}
}
@keyframes doorway-sheet-reflection{
 0%,48%{opacity:0;transform:translateX(-46%)}
 68%{opacity:.9;transform:translateX(-6%)}
 83%{opacity:.62;transform:translateX(22%)}
 100%{opacity:0;transform:translateX(58%)}
}
@keyframes doorway-curtain-return{
 0%,19%{transform:translateX(calc(var(--curtain-side)*104%)) scaleX(.56)}
 49%{transform:translateX(calc(var(--curtain-side)*65%)) scaleX(.77);animation-timing-function:ease-out}
 66%{transform:translateX(calc(var(--curtain-side)*26%)) skewX(calc(var(--curtain-side)*-5deg)) scaleX(.99)}
 79%{transform:translateX(calc(var(--curtain-side)*41%)) skewX(calc(var(--curtain-side)*3deg)) scaleX(.88)}
 91%{transform:translateX(calc(var(--curtain-side)*33%)) skewX(calc(var(--curtain-side)*-1.4deg)) scaleX(.95)}
 100%{transform:translateX(calc(var(--curtain-side)*36%)) scaleX(.92)}
}
@keyframes doorway-paper-return{
 0%,15%{transform:translate(7%,-28%) rotate(3deg) scale(1.18)}
 56%{transform:translate(2%,-12%) rotate(-1deg) scale(1.06);animation-timing-function:ease-in}
 72%{transform:perspective(145px) translateY(1.5%) rotate(-7deg) rotateX(15deg) scaleY(.965)}
 84%{transform:perspective(145px) translateY(-1.5%) rotate(-6deg) rotateX(-5deg)}
 97%,100%{transform:rotate(-6deg)}
}
@keyframes doorway-return-object-light{
 0%,16%{opacity:0}
 39%{opacity:.58}
 75%{opacity:.31}
 100%{opacity:0}
}

.doorway-walk-light,
html:is([data-doorway-arrival],[data-doorway-return-pending])::after{
 content:"";position:fixed;inset:0;z-index:10001;pointer-events:none;
 background:radial-gradient(ellipse at 50% 45%,#fff1d2 4%,#f8d6a2 33%,#e9ac73 66%,#b67450 100%)
}

.sb-house-articles .hero .dek:empty{display:none}
.sb-house-articles .reading :is(.house-article-body,#sb26-main-content,.sbds-article){
 max-width:none;width:auto;margin:0;padding:0;background:none;border:0;box-shadow:none
}
.sb-house-articles .house-article-body :is(#sb26-main-content,.sbds-article)>.article-lead{
 padding:clamp(11px,2vw,20px) clamp(13px,2.4vw,24px);
 background:linear-gradient(110deg,#fff8e9ed,#f3dfc0df),url("article-paper.webp") center/420px;
 border:1px solid #b18a61;border-inline-start:3px solid #956342;
 box-shadow:inset 0 0 0 2px #fff8e8b5,0 5px 13px #41271b20
}
.sb-house-articles .article-invitation{display:contents}
.sb-house-articles .hero-grid:not(:has(.hero-photo)){grid-template-columns:minmax(0,1fr)}
.sb-house-articles .reading :is(iframe,video){max-width:100%}
.sb-house-articles .reading .table-scroll{margin-block:1em}
.sb-house-articles .reading .table-scroll table{margin:0}
.sb-house-articles #comments{width:min(950px,calc(100% - 36px));margin:32px auto}
.sb-house-articles{font:400 17px/1.67 var(--sans);color:var(--ink);margin:0}
.sb-house-articles :is(.mast,.hero) a{color:inherit}
.sb-house-articles .mast .home-link,.sb-house-articles .hero .hero-home{color:#302019}
.sb-house-articles .mast .article-mast-cart{
 display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid #c69b72;border-radius:2px;
 background:#47333d;color:#fff0da;font:700 .8rem/1.15 var(--sans);white-space:nowrap;text-decoration:none;
}
.article-mast-cart[hidden]{display:none!important}
.article-mast-cart span{
 display:grid;place-items:center;min-width:17px;height:17px;padding:0 3px;border-radius:50%;
 background:#e9bd88;color:#38251e;font:750 .67rem/1 var(--sans)
}
.sb-house-articles .mast .article-mast-cart:is(:hover,:focus-visible){background:#644647;color:#fff5e8}
@media(max-width:620px){.mast-actions:has(.article-mast-cart:not([hidden])){gap:7px}}
@media(max-width:350px){
 .mast-actions:has(.article-mast-cart:not([hidden])) .home-link{gap:4px;padding-inline:7px}
 .sb-house-articles .mast .article-mast-cart{padding-inline:7px}
}
.sb-house-articles .hero .hero-crumb{color:#edc69e}
.sb-house-articles .doorway-art:has(.portal-peek[data-kind="guide"]){
 --room-view:url("article-library-hall.webp");--room-floor:url("library-floor.webp");
 --peek-book-height:62%;--peek-book-type:8px;
}
.sb-house-articles .doorway-art .peek-book span{
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;
}
.sb-house-articles :is(.answer-doorway,.mobile-home) .doorway-art .peek-book span{visibility:hidden}
.sb-house-articles .hero .reading-link{color:#fff1e1}
.sb-house-articles .mast .brand{color:#fff1e4}
.sb-house-articles :is(.quick-answer,.hero-door-copy,.meta,.dek){font-family:var(--sans)}
.sb-house-articles :is(.quick-answer,.dek,.meta) :is(p,span),
.sb-house-articles :is(.hero-crumb,.reading-link,.home-link,.answer-details summary){font-family:var(--sans)}
.sb-house-articles :is(.reading,.room-page) :is(p,li,th,td,figcaption,summary){font-family:var(--sans)}
.sb-house-articles .answer-details summary{color:#563720}
.sb-house-articles .hero h1,.sb-house-articles .reading :is(h2,h3,h4){font-family:var(--serif)}

/* Override the legacy affiliate theme's sitewide link palette only in House UI. */
body.sb-house-articles[data-sb-house-article] :is(.mast .brand,.mast-free,.reading-link,.departure-link,.hall-front,.hall-door,.mobile-home a){
 color:#fff1e4
}
body.sb-house-articles[data-sb-house-article] .hero-crumb{color:#edc69e}
body.sb-house-articles[data-sb-house-article] :is(.home-link,.hero-home,.answer-doorway,.rail-home,.departure-guides a,.home-invite a,.ending-portal .primary){
 color:#302019
}
body.sb-house-articles[data-sb-house-article] :is(.hero h1,.departure-title,.ending-copy h2){color:#fff1e1}
body.sb-house-articles[data-sb-house-article] :is(.hero h1 em,.brand em,.ending-copy h2 em){color:#f3cb9d}
body.sb-house-articles[data-sb-house-article] :is(.quick-answer p,.answer-details-copy p){color:#30221e}
body.sb-house-articles[data-sb-house-article] .answer-details summary{color:#563720}
body.sb-house-articles[data-sb-house-article] :is(.reading .room-page,.article-lead){color:#32251f}
body.sb-house-articles[data-sb-house-article] .reading .bridge-library .portal{color:#32251f}
body.sb-house-articles[data-sb-house-article] :is(.reading .bridge-workshop .portal,.reading .answer-home,.reading .room-exit-next,.contents a,.mobile-contents nav a){color:#fff0dc}
body.sb-house-articles[data-sb-house-article] :is(.contents,.mobile-contents nav) a[aria-current="location"]{color:#251b25 !important}
body.sb-house-articles[data-sb-house-article] .reading .room-exit-home{color:#33211b}
body.sb-house-articles[data-sb-house-article] .reading :is(.paper-panel,.table-scroll,figure,details){min-width:0;max-width:100%}
body.sb-house-articles[data-sb-house-article] .reading :is(.wp-block-embed,.wp-block-image,.wp-caption){max-width:100%}

/* Existing posts contain standalone editorial layouts with inline palettes. */
.sb-house-articles .house-article-body :is(.sb-answer-first,.sb-native-component,[data-sb-component]){
 --house-panel-paper:#fcf0dc;
 --house-panel-line:#b9956e;
 background:linear-gradient(132deg,#fff8e9,var(--house-panel-paper)) !important;
 color:#32251f !important;
 border:1px solid var(--house-panel-line) !important;
 border-inline-start:3px solid #986c46 !important;
 border-radius:2px !important;
 box-shadow:0 7px 17px #50321c1a !important;
 min-width:0;
}
.sb-house-articles .house-article-body :is(.sb-answer-first,.sb-native-component,[data-sb-component]) :is(h2,h3,h4,p,li,caption){
 color:#32251f !important;
}
.sb-house-articles .house-article-body :is(.sb-answer-first,.sb-native-component,[data-sb-component]) :is(section,div)[style*="background"]:not([style*="display:grid"]){
 background:#fff9ee !important;
 color:#32251f !important;
 border:1px solid #c4a78a !important;
 border-radius:2px !important;
}
.sb-house-articles .house-article-body [style*="display:grid"]{
 min-width:0;
}
.sb-house-articles .house-article-body :is(.sb-native-component,[data-sb-component]) [style*="minmax"]{
 grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)) !important;
}
.sb-house-articles .house-article-body :is(.sb-native-component,[data-sb-component]) :is(thead th,tbody th){
 background:#ecd8bb !important;
 color:#392919 !important;
 border-color:#c3a17d !important;
}
.sb-house-articles .house-article-body :is(.sb-native-component,[data-sb-component]) td{
 background:#fff8ec !important;
 color:#32251f !important;
 border-color:#c3a17d !important;
}
.sb-house-articles .house-article-body .sb-three-clock-matrix td::before{color:#6a462d}
.sb-house-articles .house-article-body .sb-three-clock-matrix tbody tr{border-color:#a9815b}
.sb-house-articles .house-article-body :is(.sb-native-component,[data-sb-component]) a:not(.button){
 color:#5d341d !important;
}
.sb-house-articles .house-article-body figure[style] img{border-radius:2px !important}
.sb-house-articles .house-article-body figure figcaption[style]{color:#634e41 !important}
body.sb-house-articles[data-sb-house-article]{
 color:#32251f !important;
 background:#f1e3cb !important;
 font-family:var(--sans) !important;
}
body.sb-house-articles[data-sb-house-article] :is(.mast .brand,.departure .brand,.departure-title,.rail-home strong,.room-exit a strong){
 font-family:var(--serif) !important;
}
body.sb-house-articles[data-sb-house-article] :is(.reading p a,.reading li a,.reading p strong,.reading li strong,.contents a,.mobile-contents nav a,.sample summary,.mast-free,.mobile-home a,.ending-portal .button){
 font-family:var(--sans) !important;
}
.sb-house-articles .house-article-body .sbds-article:not(:has(.chapter-room)){
 background:#fff6e5;
 border:1px solid #b89a76;
 padding:clamp(12px,2.7vw,28px);
}
.sb-house-articles .room-page>section>h2[data-room-heading]{
 font-size:clamp(30px,4.1vw,58px);
 margin:.25em 0 .46em;
}
.sb-house-articles .house-article-body :is(.sb-native-component,[data-sb-component="topic-to-sleep-homepage-card"]) a.button{
 color:#302019 !important;
}

/* Legacy article blocks can carry their original palette without any plugin class.
   Refinish editorial surfaces while leaving embedded media and House controls alone. */
#sb26-main-content{
 --editorial-paper:#fff8ec;
 --editorial-tint:#f8ead6;
 --editorial-line:#c3a17d;
 --editorial-ink:#32251f;
 --editorial-link:#60381f;
 --editorial-gold:#f2cb97;
}
#sb26-main-content :is(article,section,aside,header,footer,div,nav,figure,fieldset,dl,ul,ol,blockquote,details,li,summary):is(
 .sbds-native-component,.sbds-answer-card,.sbds-quick-nav,.sbds-safety-plan,.sbds-home-bridge,.sbds-card,
 .sbds-final-cta,.sleepbaby-workshop-cta,.sbds-video-card,.sbds-amazon-card,.sbds-amazon-recommendation,
 .has-background,[style*="background" i],[bgcolor]
):not(.article-lead,.chapter-room,.room-page,.room-landing,.article-threshold,.source-shelf,.portal-art,
 .bridge,.hallway,.room-exit,.answer-sign,.sbds-video-card__frame,[style*="url(" i],:has(>iframe,>video)){
 background:linear-gradient(132deg,#fff8e9,#fcf0dc) !important;
 color:var(--editorial-ink) !important;
 border:1px solid var(--editorial-line) !important;
 border-inline-start:3px solid #986c46 !important;
 border-radius:2px !important;
 box-shadow:0 7px 17px #50321c1a !important;
 min-width:0;
}
#sb26-main-content :is(article,section,aside,div,nav,figure,dl,blockquote,details,li):is(.has-background,[style*="background" i])
 > :is(article,section,aside,div,li):is(.has-background,[style*="background" i]):not([style*="url(" i],.sbds-video-card__frame,:has(>iframe,>video)){
 background:var(--editorial-paper) !important;
 border-color:var(--editorial-line) !important;
 box-shadow:none !important;
}
#sb26-main-content :is(h2,h3,h4,h5,h6,p,span,strong,em,small,li,dt,dd,summary,figcaption,label):is(.has-text-color,[style*="color" i]){
 color:var(--editorial-ink) !important;
 -webkit-text-fill-color:currentColor !important;
}
#sb26-main-content :is(p,span,strong,em,small,dt,dd,mark,code):is(.has-background,[style*="background" i],[bgcolor]):not([style*="url(" i]){
 background:var(--editorial-tint) !important;
 color:var(--editorial-ink) !important;
 border-color:var(--editorial-line) !important;
 box-shadow:none !important;
}
#sb26-main-content :is(a,button):is(.wp-element-button,.has-background,[style*="background" i],[bgcolor]):not([style*="url(" i]){
 background:linear-gradient(145deg,#ffe5b9,var(--editorial-gold)) !important;
 color:#302019 !important;
 -webkit-text-fill-color:currentColor !important;
 border:1px solid #a97d55 !important;
 border-radius:2px !important;
 box-shadow:inset 0 0 0 2px #fff4d970 !important;
}
#sb26-main-content a:is(.has-text-color,[style*="color" i]):not(.portal,.wp-element-button,.has-background,[style*="background" i]){
 color:var(--editorial-link) !important;
 -webkit-text-fill-color:currentColor !important;
}
#sb26-main-content :is(hr,fieldset)[style]{border-color:var(--editorial-line) !important}
#sb26-main-content :is(table,caption,thead,tbody,tfoot,tr,td,th){
 background:var(--editorial-paper) !important;
 color:var(--editorial-ink) !important;
 border-color:var(--editorial-line) !important;
 -webkit-text-fill-color:currentColor !important;
}
#sb26-main-content :is(th,caption,thead td){background:#ecd8bb !important}
#sb26-main-content tbody tr:nth-child(even)>td{background:#f8ebd8 !important}
#sb26-main-content :is(th,td) :is(span,strong,em,small,p){color:inherit !important}
#sb26-main-content :is(th,td) a{color:var(--editorial-link) !important}
#sb26-main-content :is(th,td)::before{color:var(--editorial-link) !important}
#sb26-main-content .table-scroll{max-width:100%;overflow-x:auto;scrollbar-color:#a27d59 #f1dfc4}
#sb26-main-content [style*="grid-template-columns" i]{min-width:0;max-width:100%}
#sb26-main-content .house-caption-note{
 margin:1.25em 0;
 padding:.6em .85em;
 background:#f8ead6;
 border:1px solid #c3a17d;
 border-inline-start:3px solid #986c46;
 border-radius:2px;
 box-shadow:none;
}
#sb26-main-content .house-caption-note figcaption{
 margin:0;
 padding:0;
 color:var(--editorial-ink) !important;
 font:inherit !important;
 font-size:.91em !important;
}
#sb26-main-content .house-divider-note{
 width:min(94px,35%);height:1px;border:0;
 margin:1.25em auto;background:linear-gradient(90deg,transparent,#946b45,transparent);
}
@media(max-width:620px){
 #sb26-main-content :is(section,aside,div,nav,figure,dl,details):is(.has-background,[style*="background" i])
 :not(iframe,video){overflow-wrap:break-word}
 #sb26-main-content [style*="grid-template-columns" i][style*="minmax" i]{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)) !important
 }
}
.hero .hero-sample-entry {
 display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;
 width:100%;padding:6px 10px 6px 6px;min-height:51px;
 background:radial-gradient(ellipse at 5% 50%,#68463781,transparent 66%),#352531;color:#fff0dc;border:1px solid #9e795b;
 text-decoration:none;border-radius:2px;
}
.hero .hero-sample-entry:hover,.hero .hero-sample-entry:focus-visible {background:#4a3137;border-color:#efc797}
.hero .hero-sample-entry .portal-art {
 width:36px;height:40px;min-height:0;--doorway-trim:3px;--peek-sheet-height:85%;
 --room-view:url("article-workshop-hall.webp");--room-floor:url("workshop-floor.webp");
}
.hero .hero-sample-entry .portal-view {inset:4% 7% 10%}
.hero .hero-sample-entry .portal-frame {inset:3% 4% 5%;border-width:2px;box-shadow:0 0 0 1px #bc9167,inset 0 0 0 1px #edb57c83}
.hero .hero-sample-entry .peek-image {width:19px;height:25px}

.home-invite[data-worksheet-invite] .invite-scene{
 background:linear-gradient(155deg,#30202724,#2d1c25a1),url("article-workshop-hall.webp") 53% center/cover;
}
.home-invite[data-worksheet-invite] .invite-scene .portal-art{
 --room-view:url("desk-walnut.webp");
 --room-floor:url("workshop-floor.webp");
 --portal-glow:#ffc587;
}
.home-invite[data-worksheet-invite] .invite-scene::before{display:none}
.home-invite[data-worksheet-invite] .invite-scene .portal-view{inset:8% 10% 11%}
.home-invite[data-worksheet-invite] .invite-scene .portal-frame{inset:6% 7% 8%;border-width:2px}
.home-invite[data-worksheet-invite] .invite-scene .peek-image{width:84%;height:auto;max-width:none}
.home-invite[data-worksheet-invite] h2{font-size:clamp(25px,5.5vw,34px);line-height:1.02}
.home-invite[data-worksheet-invite] .invite-copy>p:not(.eyebrow){font:500 .82rem/1.32 var(--sans)}
.home-invite[data-worksheet-invite] .invite-actions{
 display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 6px;align-items:stretch;
}
.home-invite .invite-actions :is(.button,.article-buy-link){
 display:flex;align-items:center;justify-content:space-between;gap:5px;padding:5px 8px;
 font:700 .78rem/1.1 var(--sans);white-space:normal;
}
.home-invite .invite-actions .button{border:1px solid #c69b74;background:#f5e5cd}
.home-invite .invite-actions .button:is(:hover,:focus-visible){background:#fff3df}
.home-invite .invite-actions .article-buy-link small{font-size:.64rem}
.home-invite .invite-keep{grid-column:1/-1;justify-self:start}
@media(max-width:360px){
 .home-invite[data-worksheet-invite] .invite-copy{padding-right:20px}
 .home-invite[data-worksheet-invite] .invite-copy .eyebrow{padding-right:19px}
}
.hero-sample-copy {display:grid;gap:2px;font:inherit;line-height:1.16}
.hero-sample-copy strong {font-size:.83rem;font-weight:650}
.hero-sample-copy small {font-size:.67rem;color:#ebc8a5}
.hero-sample-copy .hero-sample-intro {color:#ebc8a5;font-size:.68rem}
@media(max-width:1080px){.hero-sample-copy .hero-sample-intro{display:none}}
.hero .hero-sample-entry [aria-hidden="true"]:last-child {color:#f2cb97}
.hero-workshop-entry{
 display:grid;grid-template-columns:minmax(0,1.23fr) minmax(0,1fr);align-items:stretch;gap:5px;width:100%;
}
.article-buy-link{
 display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:9px 13px;
 border:1px solid #d7aa78;border-radius:2px;background:linear-gradient(132deg,#ffe9c3,#edba80);color:#302019;
 box-shadow:inset 0 1px #fff2da,0 2px 0 #744d32;font:700 .87rem/1.15 var(--sans);text-decoration:none;white-space:nowrap;
}
.article-buy-link:is(:hover,:focus-visible){color:#302019;background:#fff0cf}
body.sb-house-articles[data-sb-house-article] .article-buy-link,
body.sb-house-articles[data-sb-house-article] .article-buy-link :is(span,small){
 color:#302019;-webkit-text-fill-color:#302019;font-family:var(--sans)
}
.article-buy-link small{display:block;margin-top:3px;font-size:.7rem;font-weight:600}
.hero-workshop-entry .article-buy-link{
 padding:7px 11px;white-space:normal;
 background:radial-gradient(ellipse at 93% 0,#ffefd0,transparent 74%),linear-gradient(135deg,#fae2b9,#dfae78);
 box-shadow:inset 0 0 0 2px #fff0ce88,0 2px 0 #744d32;
}
.hero-workshop-entry .article-buy-link:is(:hover,:focus-visible){background:#ffedc8}
.hero-buy-copy{display:grid;gap:2px;width:100%}
.hero-buy-copy strong{font:600 1.05rem/1 var(--serif);color:#302019}
.hero-buy-copy small{margin:0;font-size:.65rem;line-height:1.18}
.hero-buy-copy #hero-workshop-benefit{font-weight:750}
.hero-buy-price{
 display:flex;align-items:center;gap:5px;margin-top:2px;padding-top:4px;
 border-top:1px solid #9b683c85;font-size:.84rem;font-weight:800;
}
.hero-buy-price small{margin-inline-start:auto;font-weight:600;white-space:nowrap}
@media(min-width:621px){
 .hero-workshop-entry .article-buy-link{min-width:182px;padding-inline:14px}
 .hero-buy-copy strong{font-size:1.16rem}
}
.ending-copy .article-buy-link{margin-block-start:15px}
.article-desk-offer{
 display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;
 padding:12px clamp(11px,3vw,24px);border-top:1px solid #bd926a;
 background:radial-gradient(ellipse at 83% 0,#b9895526,transparent 68%),#30212c;
 box-shadow:inset 0 1px #efc79728;
}
.article-desk-offer-copy{display:grid;gap:4px}
.article-desk-offer-copy strong{color:#fff0dc;font:400 clamp(17px,3.6vw,23px)/1 var(--serif)}
.article-desk-offer-copy span{color:#efcca8;font:500 .78rem/1.25 var(--sans)}
.article-desk-offer .article-buy-link{gap:6px;padding-inline:clamp(8px,2vw,16px)}
.article-inline-preview{width:100%}
.article-worksheet-picture{display:contents}
.article-inline-preview>summary{
 display:grid;grid-template-columns:minmax(0,1fr) auto 9px;align-items:center;gap:9px;min-height:44px;padding:7px 12px;
 border:1px solid #ae8462;background:linear-gradient(104deg,#3d2832,#2d202c);color:#ffe6c3;
 font:650 .85rem/1.2 var(--sans);list-style:none;cursor:pointer;
}
.article-inline-preview>summary small{
 color:#e4bd96;font:600 .66rem/1.1 var(--sans);white-space:nowrap;
}
.article-inline-preview>summary::-webkit-details-marker{display:none}
.article-inline-preview>summary:is(:hover,:focus-visible){border-color:#f6c995}
.article-inline-caret{width:7px;height:7px;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(45deg)}
.article-inline-preview[open] .article-inline-caret{transform:rotate(225deg)}
.article-inline-sheet{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(68px,26%);align-items:start;gap:12px;
 padding:clamp(11px,2vw,20px);border:1px solid #b68b63;background:linear-gradient(130deg,#fff2db,#f0d9b9);
 box-shadow:inset 0 0 0 3px #f9e9d2,0 7px 18px #21151e5e;
}
.article-inline-sheet img{
 grid-column:2;grid-row:1;display:block;width:100%;height:auto;border:1px solid #c1a080;
 box-shadow:2px 4px 8px #49302b46;transform:rotate(3deg);
}
.article-inline-copy{grid-column:1;grid-row:1;min-width:0}
body.sb-house-articles[data-sb-house-article] .article-inline-copy :is(p,li){
 color:#302019;-webkit-text-fill-color:#302019;font-family:var(--sans);
}
.article-inline-copy .article-inline-title{margin:0 0 8px;font-size:1.04rem;font-weight:750;line-height:1.15}
.article-inline-copy ol{margin:0 0 11px;padding-inline-start:1.2rem;font-size:.84rem;line-height:1.45}
.article-inline-copy li+li{margin-block-start:4px}
.sb-house-articles .hero .article-inline-full{
 display:inline-flex;align-items:center;justify-content:space-between;gap:7px;min-height:44px;padding:7px 9px;
 border:1px solid #916a51;background:#fff4df;color:#503228;text-decoration:none;font:700 .81rem/1.15 var(--sans);
}
.sb-house-articles .hero .article-inline-full:is(:hover,:focus-visible){background:#fffaf0;border-color:#5c3a2d}
.sb-house-articles .hero .article-inline-full:focus-visible{outline-color:#855039}
.article-inline-offer{
 grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;
 padding:9px;color:#fff0dc;border:1px solid #956f52;
 background:radial-gradient(ellipse at 96% 0,#81554180,transparent 70%),#372732;
}
.article-inline-offer strong,.article-inline-offer small{display:block}
.article-inline-offer strong{font:600 clamp(1rem,3.5vw,1.32rem)/1.1 var(--serif)}
.article-inline-offer small{margin-top:3px;color:#efcca8;font:500 .73rem/1.25 var(--sans)}
.article-inline-offer .article-buy-link{gap:5px;padding-inline:9px;font-size:.8rem}
.article-inline-offer .article-inline-purchase-note{
 grid-column:1/-1;margin:0;padding-block-start:7px;border-block-start:1px solid #c69c725c;
 color:#efcca8;font:500 .7rem/1.3 var(--sans);
}
.article-walkthrough{width:100%}
.article-walkthrough [hidden]{display:none}
.article-video-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.article-video-choices:has(.article-walkthrough-open[hidden]) .article-presentation-entry{grid-column:1/-1}
.article-video-choices :is(.article-presentation-entry,.article-walkthrough-open){
 display:flex;align-items:center;text-align:left;gap:clamp(5px,1.5vw,12px);min-height:58px;padding:7px clamp(6px,1.5vw,12px);
 background-color:#3a2933;border:1px solid #ad865e;color:#fff0dc;font:700 .79rem/1.16 var(--sans);text-decoration:none;cursor:pointer;
}
.article-video-choices .article-presentation-entry{
 background-image:linear-gradient(90deg,#301e2afa 43%,#391e27a8),url("presentation-door.webp");
 background-position:center,center 59%;background-size:cover;
}
.article-video-choices :is(a,button)>span:first-child{
 display:grid;place-items:center;width:25px;height:25px;flex:none;border:1px solid #e1b681;border-radius:50%;
 background:#efc694;color:#312019;font-size:.65rem;
}
.article-video-choices .article-walkthrough-open>span:first-child{background:#38252f;color:#f1c89c}
.article-video-choices small{display:block;margin-top:4px;color:#edc8a0;font:500 .66rem/1.15 var(--sans)}
.article-video-choices :is(a,button):is(:hover,:focus-visible){border-color:#f5d2a6;color:#fff0dc;box-shadow:inset 0 0 14px #f6bd8b29}
.article-walkthrough-player{padding:5px;border:1px solid #ad865e;background:#2c202b}
.article-walkthrough-player video{display:block;width:100%;height:auto;aspect-ratio:8/5;background:#211521}
.article-walkthrough-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:6px;padding:7px 2px 2px}
.article-walkthrough-actions button{
 min-height:44px;padding:7px 9px;border:1px solid #ac8764;background:#3c2b34;color:#fff0dc;
 font:650 .79rem/1.15 var(--sans);cursor:pointer;
}
.article-walkthrough-actions button:is(:hover,:focus-visible){background:#543944}
.article-walkthrough-actions .article-buy-link{margin-inline-start:auto}
.article-walkthrough-actions :is(button,.article-buy-link){font-family:var(--sans)}
@media(max-width:380px){
 .article-walkthrough-actions{gap:5px}
 .article-walkthrough-actions :is(button,.article-buy-link){padding-inline:8px;font-size:.77rem}
}
.article-walkthrough-status{margin:7px;color:#fff0dc;font-size:.83rem}
@media(max-width:380px){
 .hero-workshop-entry .article-buy-link{padding-inline:7px}
 .hero-buy-copy strong{font-size:.93rem}
 .hero .hero-workshop-entry .hero-sample-entry{grid-template-columns:25px minmax(0,1fr) auto;gap:5px;padding-inline:4px}
 .hero .hero-workshop-entry .hero-sample-entry .portal-art{width:25px;height:34px}
}
@media(max-width:860px){
 .mobile-home:not([hidden]){width:min(350px,calc(100vw - 30px))}
 .mobile-home a>.portal-art{
  flex:0 0 30px;width:30px;height:35px;min-height:0;border:1px solid #a88056;
  --doorway-trim:2px;--room-view:url("article-morning-hall.webp");--room-floor:url("morning-floor.webp");
 }
 .mobile-home a[data-home-placement]{flex:1;min-width:0;gap:7px;padding-inline:7px;white-space:normal}
 .mobile-home a[data-home-placement] strong{font-family:var(--sans)}
 .mobile-home a[data-home-placement] b{margin-inline-start:auto}
 .mobile-home .article-buy-link{flex:none;gap:6px;padding:4px 9px;line-height:1.08;box-shadow:none}
 .mobile-home .article-buy-link small{margin-top:2px;font-size:.65rem}
}
@media(max-width:360px){
 .mobile-home a[data-home-placement]{gap:5px;padding-inline:6px}
 .mobile-home a>.portal-art{flex-basis:26px;width:26px;height:33px}
 .mobile-home .article-buy-link{gap:5px;padding-inline:7px}
}
html:has(.mobile-home[data-opening-shortcut]:not([hidden])){scroll-padding-bottom:calc(65px + env(safe-area-inset-bottom,0px))}
.quick-answer-jump{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#563720;font-weight:700;font-size:.86rem}
.quick-answer-jump:focus-visible{outline-color:#7d4825;outline-offset:1px}
@media(max-width:380px) and (max-height:740px){
 .sb-house-articles .hero-grid{padding-top:8px}
 .sb-house-articles .hero h1{font-size:clamp(34px,10vw,37px);margin-bottom:8px}
 .sb-house-articles .hero .quick-answer{margin-bottom:7px;padding-block:7px}
 .sb-house-articles .hero .quick-answer p{line-height:1.38}
 .sb-house-articles .hero .hero-home{min-height:82px;grid-template-columns:66px minmax(0,1fr) auto;gap:9px}
 .sb-house-articles .hero .hero-door-copy{padding-block:6px}
 .sb-house-articles .hero .hero-door-copy strong{font-size:19px}
}
@media(max-width:360px) and (max-height:620px){
 .sb-house-articles .hero-grid{padding-top:1px}
 .sb-house-articles .hero h1{margin-bottom:6px}
 .sb-house-articles .hero .quick-answer{margin-bottom:5px;padding-block:5px}
 .sb-house-articles .hero .hero-home{min-height:76px;grid-template-columns:54px minmax(0,1fr) auto;gap:6px}
 .sb-house-articles .hero .hero-door-copy{gap:2px;padding-block:4px}
 .sb-house-articles .hero .hero-door-copy strong{font-size:18px}
 .sb-house-articles .hero .hero-door-copy :is(small,span){line-height:1.16}
}

.article-presentation{
 max-width:660px;margin:16px 0 18px;padding:clamp(12px,2.4vw,22px);color:#fff0d9;
 background:radial-gradient(ellipse at 82% 13%,#744b4566,transparent 60%),#30212c;
 border:1px solid #b58d65;box-shadow:inset 0 0 0 3px #ffd6a321,0 11px 26px #18111b60;
 scroll-margin-top:78px;
}
.article-presentation [hidden]{display:none!important}
.article-presentation-kicker{
 margin:0;color:#f0c492;font:700 .7rem/1.2 var(--sans);letter-spacing:.105em;text-transform:uppercase;
}
.article-presentation h2{
 margin:4px 0 12px;color:#fff0d9;font:400 clamp(32px,5vw,50px)/.98 var(--serif);
}
.article-presentation h2 em{color:#efc18d}
.article-presentation-screen{position:relative;isolation:isolate;background:#1e1620;border:1px solid #b38f72}
.article-presentation-poster,.article-presentation-video{display:block;width:100%;height:auto;aspect-ratio:16/9}
.article-presentation-poster{
 position:relative;border:0;padding:0;cursor:pointer;
 background:linear-gradient(0deg,#150e1ac7,transparent 58%),url("article-presentation.webp") 67% 50%/cover;
}
.article-presentation-play{
 position:absolute;inset:auto auto 11px 11px;display:inline-flex;align-items:center;gap:9px;
 padding:8px 11px;min-height:44px;border:1px solid #e2b484;background:#392731;color:#fff0da;
 font:700 .83rem/1.12 var(--sans);
}
.article-presentation-play>span:first-child{
 display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f2ca98;color:#302019;font-size:.69rem;
}
.article-presentation-poster:is(:hover,:focus-visible) .article-presentation-play{background:#533745}
.article-presentation-video{object-fit:contain;background:#160f17}
.article-presentation-toggle{
 position:absolute;inset:0;z-index:1;display:grid;place-items:center;width:100%;border:0;background:transparent;cursor:pointer;
}
.article-presentation-toggle span{
 display:none;padding:9px 13px;border:1px solid #d0a576;background:#32222c;color:#fff1dc;
 font:700 .85rem/1.2 var(--sans);
}
.article-presentation-toggle[data-paused] span,.article-presentation-toggle:focus-visible span{display:block}
.article-presentation-curtains{position:absolute;inset:0;z-index:2;display:flex;overflow:hidden;pointer-events:none}
.article-presentation-curtains i{
 width:50%;height:100%;opacity:.8;background:repeating-linear-gradient(90deg,#42263388 0 10%,#2d1a2b66 15%,#6e444a77 20%);
 transform:translateX(-92%);transition:transform .42s cubic-bezier(.25,.65,.35,1);
}
.article-presentation-curtains i+i{transform:translateX(92%)}
.article-presentation[data-active] .article-presentation-curtains i{transform:translateX(-100%)}
.article-presentation[data-active] .article-presentation-curtains i+i{transform:translateX(100%)}
.article-presentation-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px}
.article-presentation-done,.article-presentation-fallback{
 min-height:44px;align-items:center;color:#fff0dc;font:700 .84rem/1.15 var(--sans);margin-top:7px;
}
.article-presentation-done{padding:7px 10px;background:#3b2a35;border:1px solid #b48b67;cursor:pointer}
.article-presentation-fallback{display:inline-flex;color:#f2cfa6}
.article-presentation-recovery{display:flex;flex-wrap:wrap;align-items:center;gap:5px 11px;width:100%}
.article-presentation-recovery-sample{
 display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:7px 10px;
 border:1px solid #d9ae81;border-radius:2px;background:#fff0d6;color:#422923;
 font:700 .82rem/1.2 var(--sans);text-decoration:none;
}
.article-presentation-recovery-sample:is(:hover,:focus-visible){background:#fff8e8;color:#422923}
.article-presentation-status{margin:4px 0 0;color:#fff0dc;font-size:.82rem}
.article-presentation-offer{
 display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:8px 10px;
 margin-top:13px;padding:10px;border:1px solid #b98f68;
 background:radial-gradient(ellipse at 7% 0,#b77a4f6b,transparent 63%),linear-gradient(118deg,#3c2b36ec,#2d212de8),url("article-cloth.webp") center;
 box-shadow:inset 0 0 0 2px #e4b6851b;
}
.article-presentation-offer-art{
 display:grid;place-items:center;min-height:62px;border:1px solid #a77d60;background:radial-gradient(ellipse at 40% 20%,#875c4d,#3b2936);
}
.article-presentation-offer-art img{display:block;width:65%;height:auto;transform:rotate(-8deg);box-shadow:3px 4px 5px #190f1aab}
.article-presentation-offer-copy :is(p,small),.article-presentation-offer-footer p{
 margin:0;color:#ffe9cf;font:500 .79rem/1.3 var(--sans);
}
.article-presentation-offer-copy .article-presentation-offer-title{
 margin-bottom:3px;color:#ffe7c9;font:400 clamp(21px,3vw,29px)/.98 var(--serif);
}
.article-presentation-offer-copy small{display:block;margin-top:4px;color:#efd1af;font-weight:650}
.article-presentation-offer-footer{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 12px;
 grid-column:2/-1;border-top:1px solid #d4aa7c4d;padding-top:5px;
}
.article-presentation-offer-footer p{color:#efd1af;font-size:.72rem}
.article-presentation-offer-footer strong{font-weight:750}
.article-presentation-sample{
 display:flex;align-items:center;gap:6px;width:fit-content;min-height:44px;
 color:#ffe5bd;font:650 .76rem/1.18 var(--sans);text-decoration:underline;text-underline-offset:.18em;
}
.article-presentation-sample:is(:hover,:focus-visible){color:#fff4e3}
.article-presentation-actions{display:grid;gap:6px}
.article-presentation-actions :is(.article-buy-link,.article-presentation-cart){
 display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:46px;padding:7px 9px;
 font:700 .79rem/1.18 var(--sans);white-space:normal;text-decoration:none;
}
.article-presentation-cart{color:#ffe8cd;background:#4b343e;border:1px solid #b48c68;border-radius:2px}
body.sb-house-articles[data-sb-house-article] .article-presentation-cart span{font-family:var(--sans)}
.article-presentation-cart:is(:hover,:focus-visible){color:#fff4e4;background:#62424b}
.article-presentation-actions .article-cart-status{grid-column:1/-1;margin:0;color:#efd1af;font:650 .73rem/1.2 var(--sans)}
.article-cart-status:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.article-workshop-contents{grid-column:1/-1;border:1px solid #b18766;background:#392934}
.article-workshop-contents>summary{
 display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;
 padding:7px 10px;list-style:none;cursor:pointer;color:#ffe7cd;font:700 .79rem/1.24 var(--sans);
}
.article-workshop-contents>summary::-webkit-details-marker{display:none}
.article-workshop-contents>summary:is(:hover,:focus-visible){background:#563843;outline-color:#f5c998}
.article-workshop-contents>summary span{
 width:8px;height:8px;flex:none;margin:0 3px 3px 0;border:solid #f0c491;border-width:0 1px 1px 0;
 transform:rotate(45deg);
}
.article-workshop-contents[open]>summary span{transform:rotate(225deg);margin-bottom:0}
.article-workshop-contents-body{
 padding:10px 12px;background:#fbecd6;color:#39241e;border-top:1px solid #b18766;
 font:500 .79rem/1.38 var(--sans);
}
.article-workshop-contents-body p{margin:0}
body.sb-house-articles[data-sb-house-article] .article-workshop-contents-body :is(p,li){font-family:var(--sans)}
.article-workshop-contents-body ul{margin:7px 0 8px;padding-inline-start:1.1em;columns:2;column-gap:20px}
.article-workshop-contents-body li{margin-bottom:4px;break-inside:avoid}
.article-workshop-contents-body li::marker{color:#926746}
.article-inline-sheet .article-workshop-contents{border-color:#b28c63;background:#f1dfc6}
.article-inline-sheet .article-workshop-contents>summary{color:#503328}
.article-inline-sheet .article-workshop-contents>summary span{border-color:#855039}
.article-inline-sheet .article-workshop-contents>summary:is(:hover,:focus-visible){background:#f9ead2;outline-color:#855039}
@media(max-width:350px){.article-workshop-contents-body ul{columns:1}}
@media(max-width:620px){
 .article-presentation-offer{grid-template-columns:52px minmax(0,1fr)}
 .article-presentation-offer :is(.article-presentation-actions,.article-presentation-offer-footer){grid-column:1/-1}
 .article-presentation-actions{grid-template-columns:1.12fr 1fr}
}
.article-presentation .sbav-reviews{margin-block:10px 0}
.article-presentation .sbav-reviews>summary{
 display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:47px;
 padding:7px 9px;border:1px solid #a98062;list-style:none;cursor:pointer;color:#fff0d9;
}
.article-presentation .sbav-reviews>summary::-webkit-details-marker{display:none}
.article-presentation .sbav-review-heading{display:grid;gap:3px;line-height:1.15}
.article-presentation .sbav-review-label{font-size:.87rem;font-weight:700}
.article-presentation .sbav-review-total{font-size:.7rem;color:#e7bf98}
.article-presentation .sbav-review-icon{font-size:1.12rem;color:#eac195}
.article-presentation .sbav-review-body{padding:10px;background:#f6e7d0;color:#352520}
.article-presentation .sbav-review-body :is(p,strong,span){color:#352520}
.article-presentation .sbav-review-note{margin:0 0 10px;font-size:.77rem;line-height:1.4}
@media(max-width:620px){
 .article-presentation-poster{aspect-ratio:8/5;background-image:linear-gradient(0deg,#150e1bdc,transparent 55%),url("article-presentation-phone.webp");background-position:50% 42%}
 .article-presentation-video{aspect-ratio:9/16;max-height:75dvh}
}
@media(prefers-reduced-motion:reduce){
 .article-presentation-curtains i{transition:none}
}

html:has(#article-shop-cart[open]){overflow:hidden;scrollbar-gutter:stable}
#article-shop-cart{
 --cart-light:#f1b97d;
 position:fixed;inset:0 0 0 auto;margin:auto 0 auto auto;
 width:min(100%,410px);max-height:calc(100dvh - 24px);padding:21px clamp(17px,5vw,30px) 16px;
 border:1px solid #b58b69;border-radius:5px 0 0 5px;color:#fff1dc;
 background:radial-gradient(ellipse at 60% 0%,#c78b4f32,transparent 60%),
  linear-gradient(145deg,#30202ce8,#302330f7),url("article-cloth.webp") center/360px;
 box-shadow:0 18px 70px #170e1aab,inset 0 0 0 4px #c4966922;
 font:500 .88rem/1.35 var(--sans);overflow:auto;
}
#article-shop-cart::backdrop{background:#130b17b5}
#article-shop-cart[open]{animation:article-cart-slide-in 260ms cubic-bezier(.2,.8,.25,1) both}
@keyframes article-cart-slide-in{from{transform:translateX(28px);opacity:.35}to{transform:translateX(0);opacity:1}}
#article-shop-cart [hidden]{display:none}
#article-shop-cart h2,#article-shop-cart h3,#article-shop-cart p{margin:0}
#article-shop-cart button{
 border:1px solid #a57f63;border-radius:2px;background:#392832;color:#ffebd4;min-height:44px;padding:0 10px;
 font:650 .82rem/1.15 var(--sans);cursor:pointer;
}
#article-shop-cart button:is(:hover,:focus-visible){background:#5a3c43}
#article-shop-cart .article-cart-keep-reading{margin-top:10px;width:100%}
#article-shop-cart .article-buy-link{width:100%;margin-top:12px;justify-content:space-between}
.article-cart-grip{
 width:74px;height:6px;margin:0 auto 16px;border-radius:12px;
 background:linear-gradient(#fce3b4,#bd7f4a 63%,#674038);
 box-shadow:0 4px 8px #160f17a8,0 0 22px #d69a6540;
}
.article-cart-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
#article-shop-cart .article-cart-heading h2{font:400 2.35rem/.9 var(--serif);color:#fff1dc}
.article-cart-heading h2 em{color:var(--cart-light)}
#article-shop-cart .article-cart-heading button{min-width:44px;padding:0;font-size:1.37rem}
.article-cart-packet{
 min-width:0;display:grid;grid-template-columns:50px minmax(0,1fr);gap:4px 12px;padding:9px;
 border:1px solid #a98567;background:linear-gradient(120deg,#f1d4ad,#fcf0d8);color:#32221e;
 box-shadow:inset 0 0 0 2px #fff5e196,0 3px 0 #754d33;
}
.article-cart-packet picture{grid-row:span 2;align-self:center}
.article-cart-packet img{display:block;width:50px;height:auto;box-shadow:0 3px 8px #412a2859}
#article-shop-cart .article-cart-packet h3{font:550 1.14rem/1.05 var(--serif)}
#article-shop-cart .article-cart-packet p{font-size:.76rem;margin-top:4px}
#article-shop-cart [data-article-cart-remove]{justify-self:start;border:0;background:none;color:#49362e;text-decoration:underline;padding:0 7px 0 0}
#article-shop-cart .article-cart-fine-print{color:#f8dbbc;margin:8px 0 0;font-size:.8rem}
#article-shop-cart .article-drawer-status:not(:empty){margin:0 0 9px;color:var(--cart-light)}
#article-shop-cart [data-article-cart-undo]{margin-top:8px}
@media(max-width:680px){
 #article-shop-cart{inset:auto 0 0;margin:0;width:100%;max-width:100%;border-radius:8px 8px 0 0;padding-bottom:max(16px,env(safe-area-inset-bottom))}
 @keyframes article-cart-slide-in{from{transform:translateY(24px);opacity:.35}to{transform:translateY(0);opacity:1}}
}
@media(prefers-reduced-motion:reduce){#article-shop-cart[open]{animation:none}}