/* M53.23.2 - scoped Questions themes. */
body #questions.questions-signature{--qt-bg:#eee7dc;--qt-ink:#30251f;--qt-accent:#a47e38;--qt-line:#bca476;background:var(--qt-bg)!important;color:var(--qt-ink)!important;padding:0!important;margin:0!important;overflow:hidden;isolation:isolate;width:100%;max-width:none!important}
#questions.questions-signature[hidden]{display:none!important}
#questions.questions-signature::before,#questions.questions-signature::after,#questions>.sib-section-ribbon{display:none!important}
#questions .qt-shell,#questions .qt-shell *{box-sizing:border-box}
#questions .qt-shell{position:relative;isolation:isolate;max-width:1920px;margin:auto;padding:100px clamp(24px,7vw,130px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(35px,5vw,95px);align-items:center;font-family:var(--sib-heading,Georgia,serif)}
#questions .qt-heading,#questions .qt-answers{position:relative;z-index:2;min-width:0}
#questions .qt-heading{text-align:center}
#questions .qt-kicker{font:400 11px/1.8 var(--sib-heading,Georgia,serif);letter-spacing:.3em;color:var(--qt-accent);overflow-wrap:anywhere}
#questions .qt-ornament{display:block;margin:22px auto 26px;width:140px;height:14px;background:url('details/ornament.svg') center/contain no-repeat}
#questions .qt-heading h2{font:400 clamp(34px,3.9vw,73px)/1.08 var(--sib-heading,Georgia,serif)!important;color:var(--qt-ink)!important;letter-spacing:-.025em!important;margin:18px 0 24px!important;overflow-wrap:anywhere}
#questions .qt-heading h2 em{display:block;font:400 1.15em/1.15 var(--sib-script,'Pinyon Script',cursive);color:var(--qt-accent)}
#questions .qt-heading h2 em:empty{display:none}
#questions .qt-intro{font:400 clamp(16px,1.4vw,23px)/1.5 var(--sib-heading,Georgia,serif)!important;color:var(--qt-ink)!important;margin:24px auto!important;max-width:440px;overflow-wrap:anywhere}
#questions .qt-contact{margin-top:38px;font:400 16px/1.7 var(--sib-heading,Georgia,serif)}
#questions .qt-contact[hidden],#questions .qt-photo[hidden]{display:none!important}
#questions .qt-contact p{color:var(--qt-ink)!important;margin:0 0 6px!important;font:inherit!important}
#questions .qt-contact a,#questions .qt-answer a{color:var(--qt-accent)!important;text-underline-offset:6px;text-decoration:underline;overflow-wrap:anywhere}
#questions .qt-contact a{font-size:13px;letter-spacing:.12em}
#questions .qt-item{border:0;border-top:1px solid var(--qt-line);border-radius:0;margin:0;padding:0;background:none;box-shadow:none;color:var(--qt-ink)}
#questions .qt-item:last-child{border-bottom:1px solid var(--qt-line)}
#questions .qt-item summary{display:flex;align-items:center;gap:20px;min-height:64px;padding:17px 0;cursor:pointer;list-style:none;color:var(--qt-ink);font:400 clamp(18px,1.65vw,28px)/1.3 var(--sib-heading,Georgia,serif);overflow-wrap:anywhere}
#questions .qt-item summary::-webkit-details-marker{display:none}
#questions .qt-item summary:focus-visible,#questions a:focus-visible{outline:2px solid var(--qt-accent);outline-offset:5px}
#questions .qt-question{flex:1;min-width:0}
#questions .qt-question small{display:none;font:400 10px/1.7 var(--sib-heading,Georgia,serif);letter-spacing:.15em;color:var(--qt-accent)}
#questions[data-categories="1"] .qt-question small{display:block}
#questions .qt-item summary i{flex:0 0 20px;width:20px;height:20px;position:relative;color:var(--qt-accent)}
#questions .qt-item summary i::before,#questions .qt-item summary i::after{content:'';position:absolute;left:2px;right:2px;top:9px;height:1px;background:currentColor}
#questions .qt-item summary i::after{transform:rotate(90deg)}
#questions .qt-item[open] summary i::after{display:none}
#questions .qt-answer{padding:0 30px 22px 0;font:400 clamp(15px,1.2vw,20px)/1.55 var(--sib-heading,Georgia,serif);overflow-wrap:anywhere}
#questions .qt-answer p{font:inherit!important;color:var(--qt-ink)!important;margin:0 0 10px!important}
#questions .qt-number,#questions .qt-sheet-title,#questions .qt-photo,#questions .qt-envelope,#questions .qt-seal{display:none}
#questions .qt-decor{position:absolute;pointer-events:none;z-index:0}
/* Veil: anchored drape across top, botanicals tucked outside the content. */
#questions[data-questions-theme="veil"] .qt-decor-top{inset:0 0 auto;height:145px;background:url('details/veil-valance.png') center top/100% 100% no-repeat;opacity:.85}
#questions[data-questions-theme="veil"] .qt-decor-bottom{bottom:0;left:0;width:150px;height:155px;background:url('details/botanical-corner.png') left bottom/contain no-repeat;opacity:.8}
#questions[data-questions-theme="veil"] .qt-shell::after{content:'';position:absolute;right:0;bottom:0;width:150px;height:155px;background:url('details/botanical-corner.png') left bottom/contain no-repeat;transform:scaleX(-1);opacity:.8;pointer-events:none}
/* Maison: architectural arch and gallery numbering. */
#questions[data-questions-theme="maison"]{--qt-bg:#f0ecdf;--qt-ink:#252a1b;background:url('details/paper-grain.svg'),var(--qt-bg)!important}
#questions[data-questions-theme="maison"] .qt-shell{padding-top:55px;padding-bottom:55px}
#questions[data-questions-theme="maison"] .qt-heading{border:1px solid var(--qt-line);border-radius:50% 50% 0 0;padding:90px 24px 42px;outline:1px solid var(--qt-line);outline-offset:6px}
#questions[data-questions-theme="maison"] h2 em,#questions[data-questions-theme="portrait"] h2 em,#questions[data-questions-theme="afterglow"] h2 em{font-family:var(--sib-heading,Georgia,serif);font-size:1em;font-style:italic}
#questions[data-questions-theme="maison"] h2 em{color:var(--qt-ink)}
#questions[data-questions-theme="maison"] .qt-number{display:block;color:var(--qt-accent);font-size:16px;border-right:1px solid var(--qt-line);padding-right:20px}
#questions[data-questions-theme="maison"] .qt-answer{padding-left:58px}
/* Portrait: frame belongs solely to the customer photograph. */
#questions[data-questions-theme="portrait"]{--qt-bg:#f7f3ea;--qt-ink:#211c18}
#questions[data-questions-theme="portrait"] .qt-shell{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:30px 6%;padding-top:55px;padding-bottom:55px;align-items:start}
#questions[data-questions-theme="portrait"] .qt-photo{display:block;grid-column:1;grid-row:1 / span 2;margin:0;min-width:0;align-self:center}
#questions .qt-frame{position:relative;padding:10%;aspect-ratio:3/4;background:#ede7da;box-shadow:0 8px 14px #30251f28}
#questions .qt-frame img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
#questions .qt-frame span{position:absolute;inset:0;background:url('party/art-frame.png') center/100% 100% no-repeat;pointer-events:none}
#questions .qt-photo figcaption{font-size:10px;letter-spacing:.28em;text-align:center;margin-top:22px}
#questions[data-questions-theme="portrait"] .qt-heading,#questions[data-questions-theme="portrait"] .qt-answers{grid-column:2;text-align:left}
#questions[data-questions-theme="portrait"] .qt-ornament{display:none}
#questions[data-questions-theme="portrait"] h2 em{display:inline;color:var(--qt-ink)}
#questions[data-questions-theme="portrait"] .qt-intro{max-width:none;margin:12px 0!important}
#questions[data-questions-theme="portrait"] .qt-contact{margin-top:18px}
#questions[data-questions-theme="portrait"]:has(.qt-photo[hidden]) .qt-shell{grid-template-columns:1fr 1.3fr}
#questions[data-questions-theme="portrait"]:has(.qt-photo[hidden]) .qt-heading{grid-column:1}
/* Invitation: a real CSS envelope and a separate paper answer sheet. */
#questions[data-questions-theme="invitation"]{--qt-bg:#e8dfcf;background:url('details/paper-grain.svg'),var(--qt-bg)!important}
#questions[data-questions-theme="invitation"] .qt-shell{padding:60px clamp(24px,5vw,90px);gap:5%;align-items:start}
#questions[data-questions-theme="invitation"] .qt-heading{padding:0 20px 170px;align-self:start;display:flex;flex-direction:column;justify-content:flex-start}
#questions[data-questions-theme="invitation"] .qt-note{position:relative;padding:40px 20px 65px;background:url('details/paper-grain.svg'),#faf6ed;border:4px double var(--qt-line);outline:10px solid #faf6ed;z-index:1}
#questions[data-questions-theme="invitation"] .qt-heading h2{font-size:clamp(32px,3.2vw,56px)!important}
#questions[data-questions-theme="invitation"] .qt-envelope{display:block;position:absolute;inset:43% 0 0;background:linear-gradient(135deg,#f8f3e8,#e6ddcc);box-shadow:0 8px 12px #4a351425;clip-path:polygon(0 0,50% 40%,100% 0,100% 100%,0 100%);z-index:2}
#questions[data-questions-theme="invitation"] .qt-envelope::after{content:'';position:absolute;inset:0;background:linear-gradient(35deg,transparent 49.6%,#c8b99a55 50%,transparent 50.4%),linear-gradient(-35deg,transparent 49.6%,#c8b99a55 50%,transparent 50.4%)}
#questions[data-questions-theme="invitation"] .qt-seal{display:block;position:absolute;bottom:95px;left:calc(50% - 36px);width:72px;height:72px;background:url('story/wax-seal.png') center/contain no-repeat;z-index:3}
#questions[data-questions-theme="invitation"] .qt-contact{position:relative;z-index:3;margin:0;position:absolute;bottom:15px;left:15px;right:15px;font-size:13px}
#questions[data-questions-theme="invitation"] .qt-answers{padding:35px 35px 28px;background:url('details/paper-grain.svg'),#faf6ed;border:4px double var(--qt-line);outline:10px solid #faf6ed;box-shadow:15px -14px 0 -5px #f2ebdf,12px 12px 18px #4a351422}
#questions[data-questions-theme="invitation"] .qt-sheet-title{display:block;text-align:center;font-size:12px;letter-spacing:.3em;padding:6px 0 30px}
/* Silk: fluid fabric confined to the upper and lower edge. */
body #questions.questions-signature[data-questions-theme="silk"]{--qt-bg:#280e10;--qt-ink:#f8ecda;--qt-accent:#dfba72;--qt-line:#987348}
#questions[data-questions-theme="silk"] .qt-shell{padding-top:80px;padding-bottom:80px}
#questions[data-questions-theme="silk"] .qt-heading,#questions[data-questions-theme="afterglow"] .qt-heading{text-align:left}
#questions[data-questions-theme="silk"] .qt-intro,#questions[data-questions-theme="afterglow"] .qt-intro{margin-left:0!important}
#questions[data-questions-theme="silk"] .qt-ornament,#questions[data-questions-theme="afterglow"] .qt-ornament{margin-left:0}
#questions[data-questions-theme="silk"] .qt-decor{left:0;right:0;height:48px;background:url('questions/silk-edge.png') center 65%/100% auto no-repeat}
#questions[data-questions-theme="silk"] .qt-decor-top{top:0}
#questions[data-questions-theme="silk"] .qt-decor-bottom{bottom:0;transform:rotate(180deg)}
/* Afterglow: photographic amber trails below unobscured content. */
body #questions.questions-signature[data-questions-theme="afterglow"]{--qt-bg:#151018;--qt-ink:#f6eddf;--qt-accent:#c49a80;--qt-line:#896857;background:radial-gradient(ellipse at 50% 32%,#60405724,transparent 65%),linear-gradient(120deg,#101015,#1b1420 58%,#121017)!important}
#questions[data-questions-theme="afterglow"] .qt-shell{padding-bottom:145px}
#questions[data-questions-theme="afterglow"] .qt-decor-bottom{bottom:0;left:0;right:0;height:120px;background:url('details/afterglow-trails.svg') center/100% 100% no-repeat;opacity:.4}
#questions[data-questions-theme="afterglow"] .qt-item{position:relative}
#questions[data-questions-theme="afterglow"] .qt-item::before{content:'';position:absolute;top:-2px;left:-2px;width:4px;height:4px;border-radius:50%;background:#c49a80;box-shadow:0 0 7px #c49a8060}
#questions[data-questions-theme="afterglow"] .qt-answers{padding-left:8px}
/* Keep every theme compact; only the answers scroll, leaving stationery intact. */
#questions .qt-scroll{max-height:min(460px,65svh);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding:2px 14px 2px 3px;scrollbar-width:thin;scrollbar-color:var(--qt-accent) transparent}
#questions .qt-scroll:focus-visible{outline:2px solid var(--qt-accent);outline-offset:4px}
#questions .qt-scroll-hint{padding-top:14px;text-align:center;font:400 11px/1.5 var(--sib-heading,Georgia,serif);letter-spacing:.12em;color:var(--qt-accent)}
#questions .qt-scroll-hint span{margin-left:7px}
@media(max-width:760px){
 #questions .qt-scroll{max-height:min(390px,65svh);padding-right:10px}
 #questions .qt-shell,#questions[data-questions-theme] .qt-shell{display:flex;flex-direction:column;gap:32px;padding:70px 26px 65px}
 #questions .qt-heading,#questions .qt-answers{width:100%}
 #questions .qt-heading h2{font-size:42px!important}
 #questions .qt-kicker{font-size:10px}
 #questions .qt-contact{margin-top:20px}
 #questions .qt-item summary{min-height:60px;font-size:19px;padding:16px 0;gap:12px}
 #questions .qt-answer{font-size:16px;padding-right:22px}
 #questions[data-questions-theme="veil"] .qt-decor-top{height:70px}
 #questions[data-questions-theme="veil"] .qt-decor-bottom,#questions[data-questions-theme="veil"] .qt-shell::after{width:75px;height:75px}
 #questions[data-questions-theme="maison"] .qt-heading{padding:55px 20px 30px;width:calc(100% - 14px)}
 #questions[data-questions-theme="maison"] .qt-answer{padding-left:44px}
 #questions[data-questions-theme="maison"] .qt-number{padding-right:12px}
 #questions[data-questions-theme="portrait"] .qt-photo{width:min(280px,80%);order:1;align-self:center}
 #questions[data-questions-theme="portrait"] .qt-heading{order:0;text-align:center}
 #questions[data-questions-theme="portrait"] .qt-answers{order:2}
 #questions[data-questions-theme="invitation"] .qt-heading{min-height:475px;padding:10px 20px 145px}
 #questions[data-questions-theme="invitation"] .qt-note{padding:28px 12px 45px}
 #questions[data-questions-theme="invitation"] .qt-answers{padding:25px 18px 20px;width:calc(100% - 16px)}
 #questions[data-questions-theme="invitation"] .qt-seal{bottom:82px;width:60px;height:60px;left:calc(50% - 30px)}
 #questions[data-questions-theme="silk"] .qt-shell{padding-top:60px;padding-bottom:60px}
 #questions[data-questions-theme="silk"] .qt-decor{height:28px;background-size:100% auto;background-position:center 60%}
 #questions[data-questions-theme="afterglow"] .qt-shell{padding-bottom:105px}
 #questions[data-questions-theme="afterglow"] .qt-decor-bottom{height:80px}
}
