/* A Halloween night palette; the task directory and full topic pages stay intact. */
@media screen {
:root{--ink:#fff0d9;--paper:#141017;--orange:#f7a04e;--muted:#c8bcae;--line:#483740;--green:#27212d}
body{background:radial-gradient(ellipse at 88% 8%,#58374f48,transparent 34%),radial-gradient(ellipse at 2% 39%,#7a361922,transparent 40%),#141017;color:var(--ink)}
.header{background:#141017ed;border-bottom:1px solid #634130;position:relative;z-index:5}.nav-wrap{min-height:88px}.brand svg,.brand i{color:#ff9b45}.brand{color:#ffefd8}.brand-light{color:#ffa158}#main-nav a{color:#ddccbb}#main-nav a:hover,#main-nav a[aria-current]{color:#ffad66}#main-nav a[aria-current]:after{background:#ffad66}.nav-cta{border-color:#815036;background:#2f1e21;color:#ffd7ae}.menu-toggle{color:#ffc58a;border-color:#7d553f;background:#251a23}
main{position:relative;z-index:1;isolation:isolate}.night-sky{position:absolute;right:0;top:88px;width:min(55%,700px);height:360px;overflow:hidden;pointer-events:none;z-index:0}.harvest-moon{position:absolute;right:12%;top:30px;width:135px;height:135px;border-radius:50%;background:radial-gradient(circle at 65% 65%,#99766d20 0 11%,transparent 12%),radial-gradient(circle at 30% 30%,#ad897d24 0 14%,transparent 15%),radial-gradient(circle at 40% 65%,#b9967d30 0 7%,transparent 8%),#e8caa5;box-shadow:0 0 50px 12px #e8bc7624,0 0 110px 36px #c5884920;opacity:.65}.sky-bat{position:absolute;fill:#151019}.bat-one{width:110px;right:5%;top:108px;transform:rotate(-15deg)}.bat-two{width:65px;right:38%;top:58px;transform:rotate(17deg)}.bat-three{width:44px;right:28%;top:185px;transform:rotate(-20deg)}
.directory-intro{padding-top:44px;padding-bottom:30px}.directory-intro .eyebrow{color:#e5ac79;letter-spacing:2px;font-size:9px}.season-spark{display:inline-block;color:#f89f50;font-size:16px;margin-right:8px}.directory-intro h1{font-size:68px;line-height:1.05;letter-spacing:-2.6px;margin:18px 0 17px;text-shadow:0 3px 24px #0006;max-width:750px}.directory-intro h1 em{color:#ffa35b;font-weight:400}.directory-intro>p{color:#cdb9a8;font-size:14px}.category-shortcuts{margin-top:25px;gap:9px}.category-shortcuts a{color:#f7ddbc;background:#29202b;border-color:#73513e;padding:10px 18px;border-radius:3px;box-shadow:inset 0 1px #ffffff06;transition:background .15s,border-color .15s}.category-shortcuts a:hover{background:#4a2e2d;color:#ffe9c9;border-color:#e59750}
.directory{gap:26px;padding-bottom:70px}.directory-group{padding:0;overflow:hidden;border-color:#6b4938;background:linear-gradient(140deg,#2d222b,#211b24);border-radius:8px;box-shadow:0 12px 40px #0003;transition:border-color .18s,box-shadow .18s}.directory-group:hover{border-color:#ba7945;box-shadow:0 14px 45px #0005,0 0 20px #bf5b1f09}.directory-group-top{display:flex;flex-direction:column-reverse;gap:0}.directory-group-top>div:first-child{padding:24px 26px 5px}.directory-thumb{width:100%;height:200px;border-radius:0;position:relative}.directory-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#211b2466,transparent 65%);pointer-events:none}.directory-thumb img{transition:transform .5s;filter:brightness(.88) saturate(.85)}.directory-group:hover .directory-thumb img{transform:scale(1.025)}.directory-group .eyebrow{font-size:8px;letter-spacing:1.8px;color:#e7a873}.directory-group h2{font-size:36px;margin:9px 0 12px;color:#fff0d6}.category-glyph{font-family:var(--serif);font-size:23px;color:#ffae60;margin-right:12px;vertical-align:middle}.directory-group p{color:#c4b1a4;font-size:12px;max-width:550px}.directory-links{margin:20px 26px 26px;border:0}.directory-links>a{padding:15px 17px;background:#38262b;border:1px solid #78503b;border-radius:4px;transition:background .15s,border-color .15s}.directory-links>a:hover{background:#51312c;border-color:#d89358}.directory-links strong{color:#ffe6c5;font-size:15px}.directory-links>a:hover strong{color:#fff2d9}.directory-links small{color:#cfb6a3;font-size:10px}.directory-arrow{color:#ffb469;font-size:25px}.costume-group .directory-group-top{flex-direction:row;align-items:stretch;min-height:200px}.costume-group .directory-group-top>div:first-child{padding:32px 30px 8px;flex:1}.costume-group .directory-thumb{width:43%;height:220px}.costume-group .directory-thumb img{object-position:center 38%}.costume-group .directory-links{gap:18px;margin:14px 30px 20px}.costume-group .directory-links>a:first-child{background:#c96d35;border-color:#df8c4e}.costume-group .directory-links>a:first-child:hover{background:#dc8244}.costume-group .directory-links>a:first-child strong,.costume-group .directory-links>a:first-child small,.costume-group .directory-links>a:first-child .directory-arrow{color:#1c1218}.direct-options{padding:0 30px 24px;margin:0;gap:10px 16px}.direct-options>span{color:#bca390}.direct-options>a{color:#f8c896;border-color:#916344}.directory-group#decor .directory-thumb img{object-position:75% 57%}.directory-group#movies .directory-thumb img{object-position:5% 28%;filter:brightness(.6) saturate(.7)}
footer{background:#1d1721;border-top:1px solid #674630;color:var(--ink)}.footer-main p{color:#d8bc9d}.footer-main>div{color:#d7c3af}.footer-bottom{border-color:#514033;color:#c0a88e}
.breadcrumb,.breadcrumb span{color:#beab9a}.page-intro .eyebrow,.inline-guide-heading .eyebrow,.prose .eyebrow{color:#edac73}.page-intro h1{color:#ffdfb4;text-shadow:0 3px 25px #0008}.intro-description{color:#d2c1b2}.topic-overview h2,.inline-guide-heading h2{color:#ffdfb7}.option-index>a{border-color:#5e433b}.option-index>a:last-child{border-color:#5e433b}.option-index>a:hover{background:#261c23}.option-index small{color:#cfbdae}.option-index-number,.step-number{color:#f4a464}.topic-overview figcaption,.editorial-note,.guide-hero figcaption{color:#b9a79a}.inline-guide{border-color:#765038}.materials{background:linear-gradient(145deg,#302430,#251d28);border:1px solid #72513d;color:#f6e1c7}.checklist label{border-color:#5c423b}.checklist input{accent-color:#ee9a53}.checklist input:checked+span{color:#bda994}.save-note,.check-hint{color:#c8b19e}.button.dark{background:#f09b50;color:#21151b}.button.dark:hover{background:#ffb469}.orange{background:#efa35d;color:#21151b}.orange:hover{background:#ffc17f}.print-button{color:#ffd8af;border-color:#8d6545}.useful-note{background:#30232a;border-left-color:#e4954d}.useful-note strong{color:#f3be88}.useful-note p{color:#d4c0af}.copy-fallback textarea{background:#19141d;color:#ffecd2;border-color:#8a5a3d}.back-options{color:#edb47e}.text-link{color:#f6be87;border-color:#9c7150}.text-link:hover{color:#ffdcad}.filter{color:#e6c9ac;border-color:#71513d;background:#241c27}.filter.active,.filter:hover{background:#efa15b;color:#22151a;border-color:#efa15b}.movie-card{background:#251e29;border-color:#684936}.movie-body .eyebrow{color:#deaa7e}.movie-body .content-note{color:#c2ac9c}.movie-body h2{color:#ffe5be}.idea-card{border-color:#634638}.idea-card .eyebrow{color:#eba973}.idea-image>span{background:#211722;color:#ffc087;border:1px solid #ae764b}.idea-card h2{color:#ffdfb5}.plan-steps li::marker{color:#eea260}.toast{background:#efa15b;color:#21151b;box-shadow:0 5px 30px #0008}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#ffd094}
@media(min-width:1500px){.directory-intro{padding-top:55px;padding-bottom:35px}}
@media(max-width:1100px){.nav-wrap{min-height:84px}.directory-intro h1{font-size:61px}.costume-group .directory-group-top>div:first-child{padding:27px 24px 5px}.costume-group .directory-links{margin-left:24px;margin-right:24px}.direct-options{padding-left:24px;padding-right:24px}}
@media(max-width:760px){.nav-wrap{min-height:78px}.brand{font-size:24px}.night-sky{top:78px;width:100%;height:290px}.harvest-moon{width:105px;height:105px;right:8%;top:28px;opacity:.32}.bat-one{right:2%;top:105px;width:72px}.bat-two{right:30%;top:42px;width:44px}.bat-three{right:21%;top:152px;width:35px}#main-nav{background:#211923;border-color:#77503b;box-shadow:0 12px 25px #0005}.directory-intro{padding-top:30px;padding-bottom:27px}.directory-intro .eyebrow{font-size:7px;letter-spacing:1.5px}.season-spark{font-size:12px;margin-right:6px}.directory-intro h1{font-size:48px;letter-spacing:-1.8px;line-height:1.07;max-width:440px;margin:17px 0 14px}.directory-intro>p{font-size:11px;max-width:330px}.category-shortcuts{margin-top:22px;gap:8px}.category-shortcuts a{padding:9px 12px;font-size:10px;background:#2b202ddd}.directory{gap:21px;padding-top:0;padding-bottom:42px}.directory-group-top>div:first-child{padding:22px 23px 2px}.directory-group h2{font-size:31px}.directory-group p{font-size:11px}.directory-thumb{width:100%;height:210px}.directory-links{margin:19px 23px 23px}.directory-links strong{font-size:13px}.directory-links small{font-size:10px}.directory-links>a{padding:14px}.costume-group .directory-group-top{flex-direction:row;min-height:0}.costume-group .directory-group-top>div:first-child{padding:23px 19px 4px}.costume-group .directory-thumb{width:38%;height:170px}.costume-group .directory-group-top p{font-size:10px;line-height:1.8}.costume-group .directory-links{display:grid;grid-template-columns:1fr;gap:10px;margin:17px 19px 18px}.costume-group .directory-links>a{padding:13px 15px}.costume-group .directory-links strong{font-size:14px}.category-glyph{font-size:18px;margin-right:8px}.direct-options{padding:0 19px 22px;font-size:9px}.page-intro h1{font-size:44px}.inline-guide-heading h2{font-size:35px}.footer-main p{font-size:20px}}
@media(max-width:370px){.directory-intro h1{font-size:41px}.directory-intro .eyebrow{font-size:6px}.costume-group .directory-thumb{width:34%;height:165px}.directory-group h2{font-size:28px}.directory-group .eyebrow{font-size:7px}.category-shortcuts a{font-size:9px;padding:8px 10px}}
}
@media screen{.category-shortcuts{background:transparent}}
@media print{.night-sky{display:none!important}}
/* Topic article helpers. */
.mobile-column-label{display:none}.article-notes em{color:var(--ink)}.wardrobe-swaps a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.mobile-column-label{display:inline;font-weight:600}}
.article-jumps{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0 0 34px;font-size:12px}.article-jumps a{min-height:44px;padding:10px 0;display:inline-flex;align-items:center;color:var(--orange);text-decoration:underline;text-underline-offset:5px}@media print{.article-jumps{display:none!important}}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:11px;color:var(--muted);margin-bottom:30px}.article-meta a{text-decoration:underline;text-underline-offset:4px}.article-answer{max-width:790px;margin-bottom:45px}.article-answer h2,.article-compare h2,.article-notes h2,.article-faq h2{font-size:clamp(28px,3.2vw,40px);line-height:1.2;margin:13px 0 20px;color:var(--ink)}.article-answer p,.article-notes p{font-size:16px;line-height:1.9;margin:0 0 16px}.article-compare{margin-bottom:55px;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--green)}.article-compare>p{margin-bottom:18px}.comparison-scroll table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.comparison-scroll caption{text-align:left;font-size:11px;color:var(--muted);padding:0 0 15px}.comparison-scroll th{text-align:left;font-size:11px;letter-spacing:.5px;padding:12px 14px;border-bottom:1px solid var(--line)}.comparison-scroll td{padding:16px 14px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.comparison-scroll a,.article-notes a,.article-editorial a{color:var(--orange);text-decoration:underline;text-underline-offset:4px}.article-compare .article-small{font-size:12px;line-height:1.8;margin:18px 0 0}.wardrobe-swaps{padding-top:30px}.wardrobe-swaps p{font-size:14px;line-height:1.9;margin:14px 0}.wardrobe-swaps strong{font-weight:600;color:var(--ink)}.article-notes{max-width:790px;margin:55px 0}.article-faq{max-width:850px;margin:50px 0}.article-faq details{border-top:1px solid var(--line)}.article-faq details:last-child{border-bottom:1px solid var(--line)}.article-faq summary{cursor:pointer;padding:20px 30px 20px 0;font-size:16px;color:var(--ink);min-height:48px}.article-faq summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.article-faq details p{padding:0 0 23px;font-size:15px;line-height:1.9;max-width:760px}.article-editorial{font-size:12px;max-width:790px;line-height:1.8;margin-bottom:30px}
@media(max-width:600px){.article-meta{font-size:10px;gap:8px 14px}.article-answer p,.article-notes p{font-size:15px}.article-compare{padding:21px 16px}.comparison-scroll table,.comparison-scroll tbody,.comparison-scroll tr,.comparison-scroll td{display:block;width:100%}.comparison-scroll thead{display:none}.comparison-scroll tr{padding:15px 0;border-top:1px solid var(--line)}.comparison-scroll td{border:0;padding:3px 0;font-size:13px}.comparison-scroll td:nth-child(2){font-weight:600;font-size:16px;padding:7px 0}.comparison-scroll td:nth-child(3){color:var(--muted)}.article-faq summary{font-size:15px}.article-faq details p{font-size:14px}}
@media print{.article-meta,.article-answer,.article-compare,.article-notes,.article-faq,.article-editorial{display:none!important}.wardrobe-swaps{break-inside:avoid}}
@media screen and (max-width:760px){
.menu-toggle{min-height:44px;min-width:76px}
#main-nav a{min-height:44px;display:flex;align-items:center}
.category-shortcuts a{min-height:44px;display:flex;align-items:center}
.filter{min-height:44px;padding-left:16px;padding-right:16px;font-size:12px}
.print-button{min-height:44px}
.direct-options>a{min-height:40px;display:inline-flex;align-items:center;padding:0 4px}
.back-options{min-height:44px;display:flex;align-items:center;justify-content:flex-end}
.text-link{min-height:40px;align-items:center;display:inline-flex}
.inline-guide-heading p,.steps li p,.intro-description,.idea-card p,.plan-steps{font-size:14px}
.checklist label{font-size:13px;min-height:48px;align-items:center}
.footer-main>div a{min-height:40px;display:flex;align-items:center}
}
/* Compact film entries keep each title, poster and synopsis together. */
.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.movie-card{min-width:0;padding:26px;border-radius:10px;background:linear-gradient(145deg,#2b222e,#211b25)}
.movie-card-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}
.movie-number{font:italic 18px/1.8 var(--serif);color:var(--orange);flex-shrink:0}
.movie-card .movie-card-heading h2{font-size:27px;line-height:1.2;letter-spacing:-.5px;color:#ffe5be;margin:0}
.movie-year{display:inline-block;font:400 13px/1.6 var(--sans);letter-spacing:0;color:var(--muted);white-space:nowrap}
.movie-tone{font-size:12px;margin-top:7px;color:#dfb78f}
.movie-card-content{display:grid;grid-template-columns:128px minmax(0,1fr);gap:20px;align-items:start}
.movie-poster{display:block;width:128px;padding:0;background:#100d14;border:1px solid #665047;border-radius:4px;overflow:hidden;line-height:0}
.movie-poster img{display:block;width:100%;height:auto;object-fit:contain}
.movie-body{padding:0;min-width:0}
.movie-body .eyebrow{display:block;font-size:9px;letter-spacing:1px;color:#f0b77f;margin-bottom:10px}
.movie-body .movie-description{font-size:14px;line-height:1.75;color:#e1d3c6}
.movie-body .content-note{font-size:12px;line-height:1.7;margin-top:13px;color:var(--muted)}
.movie-body .content-note strong{font-weight:600;color:#d7b99e}
.movie-details{grid-column:1/-1;border-top:1px solid var(--line);margin-top:1px}
.movie-details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;font-size:12px;color:var(--orange);cursor:pointer;list-style:none}
.movie-details summary::-webkit-details-marker{display:none}
.movie-details summary:after{content:'+';font-size:20px}
.movie-details[open] summary:after{content:'−'}
.movie-details summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.movie-details h3{font:600 13px/1.6 var(--sans);margin:6px 0 10px}
.movie-details p{font-size:13px;line-height:1.85}
.movie-details .text-link{font-size:12px;margin:14px 0}
.movie-details .movie-credit{font-size:10px;line-height:1.8;color:var(--muted)}
.movie-credit a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.movie-grid+.editorial-note{margin:26px 0}
@media(max-width:1100px){.movie-grid{grid-template-columns:minmax(0,1fr)}.movie-card-content{grid-template-columns:140px minmax(0,1fr);gap:24px}.movie-poster{width:140px}}
@media(max-width:600px){.movie-grid{gap:24px}.movie-card{padding:19px 17px 5px}.movie-card-heading{gap:10px;margin-bottom:18px}.movie-card .movie-card-heading h2{font-size:25px}.movie-number{font-size:15px}.movie-tone{font-size:11px}.movie-card-content{grid-template-columns:96px minmax(0,1fr);gap:16px}.movie-poster{width:96px}.movie-body .movie-description{font-size:14px;line-height:1.7}.movie-body .content-note{font-size:11px;line-height:1.7}.movie-body .eyebrow{font-size:8px;letter-spacing:.7px;margin-bottom:7px}.movie-details summary{min-height:52px}.movie-details p{font-size:14px}.movie-credit a{display:inline-flex;align-items:center;min-height:44px}}
@media print{.movie-grid{display:block}.movie-card{break-inside:avoid;margin-bottom:24px}.movie-card .movie-card-heading h2{color:#111}.movie-poster{max-width:128px}.movie-details{display:none}}

/* Account pages keep the editorial Halloween style with a quiet reading area. */
.account-page{max-width:1080px;margin:auto;padding-top:46px;padding-bottom:70px}
.account-page h1{font-size:clamp(40px,6vw,70px);line-height:1.1;margin:20px 0}
.account-intro{max-width:610px;color:var(--muted);line-height:1.8}
.account-panel{margin-top:32px;max-width:750px;padding:32px;background:#211a26;border:1px solid #604434;border-radius:14px;overflow-wrap:anywhere}
.account-panel h2{font-size:27px;margin:0 0 15px}.account-panel p{line-height:1.8;margin-bottom:20px}
.account-panel [hidden]{display:none!important}
.google-signin{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 24px;border:1px solid #747775;border-radius:5px;background:#fff;color:#1f1f1f;font:500 15px/1.4 Arial,sans-serif;text-decoration:none}
.account-panel .account-small{font-size:12px;color:#c8bcb1;margin:20px 0 0}.account-small a{color:#f5b47c;text-decoration:underline;text-underline-offset:3px}
.account-user{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap;margin-bottom:24px}.account-user p{margin:0}
.account-signout{min-height:44px;border:1px solid #a78872;border-radius:5px;background:transparent;color:#f2dfce;padding:8px 16px;cursor:pointer;font:inherit}.account-signout:disabled{opacity:.6;cursor:wait}
.account-empty{border:1px dashed #80614e;padding:24px;border-radius:7px;color:#dbc8b8}.account-download{padding:20px 0;border-bottom:1px solid #604434}.account-download h3{font-size:22px;margin-bottom:16px}
.account-reassurance{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:25px;color:var(--muted);font-size:12px}.account-error{border-left:3px solid #ffbd77;padding-left:15px;color:#ffe3c4}
.google-signin:focus-visible,.account-signout:focus-visible{outline:3px solid #ffbd77;outline-offset:4px}
@media(max-width:600px){.account-page{padding-top:30px;padding-bottom:45px}.account-panel{padding:23px 18px}.google-signin{width:100%}.account-reassurance{flex-direction:column;gap:12px}.account-user{display:block}.account-user .account-signout{margin-top:12px}}

#main-nav .mobile-account{display:none}@media(max-width:1000px){#main-nav .mobile-account{display:block}}