:root{--ink:#080808;--ink-2:#101010;--ink-3:#2A1A1E;--sand:#F2F2F2;--sand-dim:#B8B0B2;--brass:#7A2637;--sea:#8D3345;--serif:"Noto Serif SC", "Songti SC", Georgia, serif;--sans:"Noto Sans SC", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--cond:"Barlow Condensed", "Noto Sans SC", sans-serif;--wrap:1280px;--gap:22px;--radius:3px;--home-card-title-size:16px;} *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{margin:0;background-color:#000;background-image:url("image-1.webp");background-size:cover;background-position:center center;background-attachment:fixed;background-repeat:no-repeat;color:var(--sand);font-family:var(--sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;} a{color:inherit;text-decoration:none;} img{display:block;max-width:100%;} :focus-visible{outline:2px solid var(--brass);outline-offset:3px;} .skip{position:absolute;left:-9999px;top:0;z-index:99;background:var(--brass);color:var(--ink);padding:10px 18px;font-weight:700;} .skip:focus{left:0;} .masthead{position:relative;min-height:330px;border-bottom:1px solid var(--ink-3);background-color:#050505;background-image:linear-gradient(90deg,rgba(0,0,0,.10),rgba(0,0,0,.28) 38%,rgba(0,0,0,.34) 50%,rgba(0,0,0,.28) 62%,rgba(0,0,0,.10)), url("image-2.webp");background-position:center center, center 45%;background-size:cover, 96% auto;background-repeat:no-repeat;overflow:hidden;} .masthead::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.02) 52%,rgba(0,0,0,.18));} .masthead-in{position:relative;z-index:1;max-width:var(--wrap);margin:0 auto;min-height:360px;padding:44px 20px 38px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;} .brand{font-family:var(--serif);font-weight:700;font-size:42px;letter-spacing:.24em;margin:0;color:var(--sand);text-indent:.24em;text-shadow:0 2px 18px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.95);} .brand-latin{display:block;font-family:var(--cond);font-size:13px;font-weight:500;letter-spacing:.52em;text-indent:.52em;color:var(--brass);margin-top:12px;} .brand-rule{width:56px;height:1px;margin:20px auto 0;background:var(--brass);opacity:.6;} .brand-note{margin:16px 0 0;font-size:13px;color:var(--sand-dim);letter-spacing:.08em;} .nav{background:#0B0B0B;border-bottom:1px solid var(--ink-3);position:sticky;top:0;z-index:30;} .nav-in{max-width:var(--wrap);margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:4px;} .nav a.nav-link{display:flex;align-items:center;gap:7px;min-height:52px;font-family:var(--cond);font-size:16px;letter-spacing:.14em;padding:15px 18px;color:var(--sand-dim);border-bottom:2px solid transparent;background:transparent;position:relative;transition:color .14s ease,border-color .14s ease,background .14s ease,text-shadow .14s ease;} .nav a.nav-link:hover, .nav a.nav-link.is-active{color:#8D3345;border-bottom-color:var(--brass);background:linear-gradient(180deg,rgba(122,38,55,.04),rgba(122,38,55,.12));text-shadow:0 0 18px rgba(194,134,149,.16);transition-duration:.22s;} .nav-drop > .nav-link{display:flex;align-items:center;height:100%;} .nav-drop > .nav-link::after{content:"▾";display:inline-block;margin-left:7px;font-size:11px;opacity:.62;transform:translateY(-1px);transition:transform .32s cubic-bezier(.16,1,.3,1), opacity .22s, color .22s;} .nav-drop:hover > .nav-link::after, .nav-drop:focus-within > .nav-link::after{transform:rotate(180deg) translateY(1px);opacity:1;color:#C28695;} .nav-spacer{flex:1;} .nav-feature{position:relative;} .nav-feature > summary{list-style:none;} .nav-feature > summary::-webkit-details-marker{display:none;} .nav-feature-toggle{display:flex;align-items:center;gap:7px;font-family:var(--cond);font-size:16px;letter-spacing:.14em;padding:15px 18px;color:var(--sand-dim);border-bottom:2px solid transparent;cursor:pointer;user-select:none;position:relative;transition:color .14s ease,border-color .14s ease,background .14s ease,text-shadow .14s ease;} .nav-feature-toggle::after{content:"▾";font-size:11px;opacity:.62;transform:translateY(-1px);transition:transform .32s cubic-bezier(.16,1,.3,1), opacity .22s, color .22s;} .nav-feature[open] > .nav-feature-toggle::after{transform:translateY(-1px);opacity:1;color:#C28695;} .nav-feature[open] > .nav-feature-toggle, .nav-feature-toggle:hover{color:#8D3345;border-bottom-color:var(--brass);background:linear-gradient(180deg,rgba(122,38,55,.04),rgba(122,38,55,.12));text-shadow:0 0 18px rgba(194,134,149,.16);transition-duration:.22s;} .nav-feature-panel{position:absolute;left:0;top:calc(100% + 2px);z-index:80;width:330px;max-height:min(68vh,620px);overflow:auto;padding:16px;background:linear-gradient(180deg,rgba(16,12,13,.965),rgba(6,6,6,.985));border:1px solid rgba(122,38,55,.46);border-top:2px solid var(--brass);box-shadow:0 24px 58px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.018) inset;backdrop-filter:blur(16px) saturate(122%);-webkit-backdrop-filter:blur(16px) saturate(122%);transform-origin:top center;} .nav-feature[open] > .nav-feature-panel{animation:navPanelPremiumIn .34s cubic-bezier(.16,1,.3,1) both;} @keyframes navPanelPremiumIn{ 0%{ opacity:0; transform:translateY(-12px) scale(.975); filter:blur(2px); } 55%{ opacity:1; } 100%{ opacity:1; transform:translateY(0) scale(1); filter:blur(0); } } .nav-feature-panel > *{animation:navPanelContentIn .36s cubic-bezier(.16,1,.3,1) both;} .nav-feature-panel > *:nth-child(2){animation-delay:.035s;} .nav-feature-panel > *:nth-child(3){animation-delay:.07s;} @keyframes navPanelContentIn{ from{ opacity:.15; transform:translateY(-7px); } to{ opacity:1; transform:translateY(0); } } @media (prefers-reduced-motion:reduce){ .nav-feature[open] > .nav-feature-panel,.nav-feature-panel > *{animation:none;} } .nav-feature-search .nav-feature-panel{width:380px;} .nav-feature-tools .nav-feature-panel{width:280px;} .nav-feature-category .nav-feature-panel{width:330px;} .nav-feature-tags .nav-feature-panel{width:430px;} .nav-feature-archive .nav-feature-panel{width:330px;} .nav-feature-tags .nav-feature-panel, .nav-feature-archive .nav-feature-panel{left:auto;right:0;} .nav-option-list{display:flex;flex-direction:column;gap:9px;} .nav-option-list .browse-item{border:1px solid rgba(42,26,30,.9);background:#0d0d0d;border-radius:3px;} .nav-feature-panel a, .nav-feature-panel button{transition:transform .22s cubic-bezier(.16,1,.3,1), background .2s, border-color .2s, color .2s, box-shadow .2s;} .nav-feature-panel a:hover, .nav-feature-panel button:hover{transform:translateX(3px);} .nav-feature-panel .browse-item:hover{background:rgba(122,38,55,.16);border-color:rgba(194,134,149,.42);box-shadow:inset 2px 0 0 #8D3345;} .nav-feature-panel .cloud a:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.28);} @media (max-width:900px){ .nav-feature-panel{position:fixed;top:54px;left:12px!important;right:12px!important;width:auto!important;max-height:72vh;} } @media (max-width:660px){ .nav-feature-toggle{padding:13px 13px;white-space:nowrap;} .nav-feature-toggle::after{margin-left:1px;} } .nav-inline-search{display:flex;align-items:stretch;width:220px;height:34px;margin:0 10px 0 12px;border:1px solid rgba(122,38,55,.42);background:#0B0B0B;} .nav-inline-search input{min-width:0;flex:1;border:0;outline:0;padding:0 12px;background:transparent;color:var(--sand);font:400 13px/1 var(--sans);} .nav-inline-search input::placeholder{color:#8f8789;} .nav-inline-search > button{width:40px;flex:0 0 40px;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--brass);color:#fff;transition:background .18s;} .nav-inline-search > button:hover{background:var(--sea);} @media (max-width:1080px){ .nav-inline-search{width:180px;flex:0 0 180px;} } @media (max-width:760px){ .nav-inline-search{width:150px;flex:0 0 150px;height:32px;margin-left:8px;} .nav-inline-search > button{width:36px;flex-basis:36px;} } .wrap{max-width:var(--wrap);margin:0 auto;padding:34px 20px 60px;display:grid;grid-template-columns:minmax(0,1fr);gap:34px;align-items:start;} .grid{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:var(--gap);} .card{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .22s, transform .22s;} .card:hover{border-color:#7E5860;transform:translateY(-3px);} .card-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;} .thumb{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .5s ease;} .card:hover .thumb{transform:scale(1.045);} .card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} .card-hover-preview{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:1;} .card-hover-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.018);transition:opacity .32s ease, transform .72s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform;backface-visibility:hidden;} .card-hover-preview img.is-visible{opacity:1;transform:scale(1.045);} .card-hover-preview.is-cover-frame img{opacity:0;} .card-media .stamp{z-index:3;} .card-media.is-cover-contain, .card-media.is-preview-contain, .article-related-media.is-cover-contain, .article-related-media.is-preview-contain{background:#050505;isolation:isolate;contain:paint;clip-path:inset(0);} .card-media.is-cover-contain .thumb{position:absolute;inset:0;display:block;width:100%;height:100%;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#050505;transform:none!important;} .card-media.is-preview-contain .card-hover-preview, .article-related-media.is-preview-contain .card-hover-preview{inset:0;overflow:hidden;contain:paint;background:#050505;opacity:1;transition:opacity .32s ease;} .card-media.is-preview-contain .card-hover-preview.is-cover-frame, .article-related-media.is-preview-contain .card-hover-preview.is-cover-frame{opacity:0;} .card-media.is-preview-contain .card-hover-preview img, .article-related-media.is-preview-contain .card-hover-preview img{inset:0;object-fit:contain;object-position:center;background:transparent;transform:none!important;} .card-media.is-preview-contain .card-hover-preview img.is-visible, .article-related-media.is-preview-contain .card-hover-preview img.is-visible{transform:none!important;} @media (hover:none), (pointer:coarse){ .card-hover-preview{display:none!important;} } @media (prefers-reduced-motion:reduce){ .card-hover-preview{display:none!important;} } .t1{background:linear-gradient(#FFF8F9 0%,#E8CDD2 46%,#6F2734 47%,#4A2029 100%);} .t2{background:linear-gradient(#FFFFFF 0%,#E8D1D5 40%,#B77C89 41%,#6F2734 100%);} .t3{background:linear-gradient(#FFF9FA 0%,#E6CDD2 44%,#8E3D4D 45%,#5A222D 100%);} .t4{background:linear-gradient(#FFFFFF 0%,#EAD7DA 48%,#7B313E 49%,#4A2029 100%);} .t5{background:linear-gradient(#FFF9FA 0%,#DDBCC3 42%,#8B4654 43%,#5B222E 100%);} .t6{background:linear-gradient(#FFFFFF 0%,#E8D3D7 38%,#A96875 39%,#6F2734 100%);} .t7{background:linear-gradient(#FFF9FA 0%,#E3C8CD 40%,#99505E 41%,#5A222D 100%);} .t8{background:linear-gradient(#FFFFFF 0%,#E6D0D4 44%,#B77C89 45%,#6F2734 100%);} .t9{background:linear-gradient(#FFFFFF 0%,#E7D3D7 40%,#A3626F 41%,#652530 100%);} .t17{background:linear-gradient(#FFFFFF 0%,#E8D5D9 42%,#A96875 43%,#642631 100%);} .t18{background:linear-gradient(#FFF9FA 0%,#E2C9CE 40%,#92505E 41%,#59212C 100%);} .t19{background:linear-gradient(#FFFDFD 0%,#DFC7CC 43%,#7D3544 44%,#451A23 100%);} .t20{background:linear-gradient(#FBF7F8 0%,#D4B8BE 41%,#9B5260 42%,#5A222D 100%);} .t10{background:linear-gradient(#F9F4F5 0%,#D9C0C5 42%,#8E4654 43%,#58222D 100%);} .t11{background:linear-gradient(#FFFFFF 0%,#E1C7CC 44%,#A45D6C 45%,#6B2836 100%);} .t12{background:linear-gradient(#FCF8F8 0%,#D7BFC3 41%,#914959 42%,#54212B 100%);} .t13{background:linear-gradient(#FFFFFF 0%,#E5CFD3 45%,#9A5361 46%,#612531 100%);} .t14{background:linear-gradient(#FAF6F7 0%,#DCC4C8 43%,#854050 44%,#4F1E28 100%);} .t15{background:linear-gradient(#FFFFFF 0%,#E3CCD1 42%,#A75E6B 43%,#672631 100%);} .t16{background:linear-gradient(#FBF7F8 0%,#DAC1C6 44%,#914654 45%,#57212B 100%);} .stamp{position:absolute;top:7px;right:7px;width:43px;height:43px;border:0;border-radius:50%;background-color:transparent;background-image:none;background-size:100% 100%;background-position:center;background-repeat:no-repeat;backdrop-filter:none;display:block;font-family:Georgia,"Times New Roman",serif;color:#f5edef;line-height:1;transform:rotate(-7deg) translateZ(0);transform-origin:50% 50%;transition:transform .3s ease;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;isolation:isolate;overflow:hidden;text-align:center;} .card:hover .stamp{transform:rotate(0deg) translateZ(0);} .stamp::before{content:"";position:absolute;inset:0;border-radius:50%;background-image:url("image-3.webp");background-size:100% 100%;background-position:center;background-repeat:no-repeat;transform:none;transition:none;pointer-events:none;z-index:0;} .card:hover .stamp::before{transform:none;} .stamp::after{content:"";position:absolute;top:5px;left:50%;width:8px;height:5px;transform:translateX(-50%);background-image:url("image-4.png");background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:3;} .stamp b,.stamp i,.stamp s{position:absolute;left:50%;transform:translateX(-50%);display:block;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:nowrap;color:#f8eff1;font-family:"Bodoni MT","Didot","Times New Roman",Georgia,serif;font-style:normal;font-weight:400;text-align:center;text-shadow:0 .55px .7px rgba(0,0,0,.78),0 0 .45px rgba(180,96,112,.34);z-index:2;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;} .stamp b{top:9.8px;font-size:17px;line-height:.93;letter-spacing:-.045em;} .stamp i{top:25.2px;font-size:6px;line-height:1;letter-spacing:.075em;} .stamp s{top:34px;font-size:5px;line-height:1;letter-spacing:.17em;text-decoration:none;} .stamp s::before{content:"";position:absolute;left:50%;top:-1.8px;width:15.5px;height:.75px;transform:translateX(-50%);background:rgba(178,70,89,.94);box-shadow:0 .35px .45px rgba(0,0,0,.45);} .stamp::after, .stamp b, .stamp i, .stamp s, .stamp s::before{transition:none!important;animation:none!important;} .card-body{padding:16px 16px 15px;display:flex;flex-direction:column;gap:9px;flex:1;} .card-title{margin:0;font-family:var(--serif);font-size:var(--home-card-title-size,16px);font-weight:600;line-height:1.55;letter-spacing:.01em;} .card-title a{transition:color .18s;} .card-title a:hover{color:var(--brass);} .meta{margin:0;display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--sand-dim);line-height:1.6;} .meta svg{flex:none;margin-top:4px;opacity:.65;} .meta-cat a{color:var(--sand-dim);} .meta-cat a:hover{color:var(--brass);} .meta-tag a{color:var(--sea);} .meta-tag a:hover{color:#8B3C4A;} .pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:34px;font-family:var(--cond);font-size:15px;letter-spacing:.08em;} .pager a, .pager span, .page-picker-toggle{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:42px;text-align:center;background:var(--ink-2);border:1px solid var(--ink-3);color:var(--sand-dim);border-radius:6px;transition:background .18s, color .18s, border-color .18s, transform .18s, box-shadow .18s;} .pager a, .pager span{min-width:42px;padding:0 13px;} .pager a[data-page="prev"], .pager a[data-page="next"]{min-width:118px;padding:0 18px;} .pager a[data-page]:not([data-page="prev"]):not([data-page="next"]), .pager .is-current{min-width:52px;} .pager a:hover{background:var(--ink-3);color:var(--sand);border-color:#7E5860;box-shadow:0 8px 22px rgba(0,0,0,.18);} .pager .is-current{background:var(--brass);border-color:var(--brass);color:var(--sand);font-weight:600;} .pager .gap{background:none;border-color:transparent;box-shadow:none;} .page-picker{position:relative;} .page-picker-toggle{justify-content:space-between;min-width:128px;padding:0;cursor:pointer;font:inherit;letter-spacing:inherit;overflow:hidden;transition:background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .18s ease;} .page-picker-label{display:inline-flex;align-items:center;justify-content:flex-start;min-width:0;flex:1;height:100%;padding:0 16px;} .page-picker-iconbox{display:inline-flex;align-items:center;justify-content:center;width:38px;height:100%;flex:none;background:rgba(255,255,255,.015);border-left:1px solid rgba(111,39,52,.42);} .page-picker-toggle:hover,.page-picker.is-open .page-picker-toggle{color:#fff;background:#151014;border-color:#7E5860;box-shadow:0 0 0 1px rgba(122,38,55,.12) inset,0 7px 18px rgba(0,0,0,.18);} .page-picker-toggle:hover .page-picker-iconbox, .page-picker.is-open .page-picker-iconbox{background:rgba(122,38,55,.09);border-left-color:rgba(126,88,96,.75);} .page-picker-caret{font-size:10px;line-height:1;color:var(--brass);opacity:.92;transition:transform .3s cubic-bezier(.16,1,.3,1), color .22s ease, opacity .22s ease;} .page-picker-toggle:hover .page-picker-caret, .page-picker.is-open .page-picker-caret{color:#E0B9C2;opacity:1;} .page-picker.is-open .page-picker-caret{transform:rotate(180deg);} .page-picker-panel{position:absolute;right:0;bottom:calc(100% + 11px);z-index:40;width:238px;padding:15px 15px 11px;background:linear-gradient(180deg,rgba(14,12,13,.985),rgba(7,7,7,.985));border:1px solid rgba(122,38,55,.58);border-radius:7px;box-shadow:0 24px 60px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.018) inset,0 0 30px rgba(122,38,55,.06);backdrop-filter:blur(13px) saturate(118%);-webkit-backdrop-filter:blur(13px) saturate(118%);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px) scale(.965);filter:blur(4px);transform-origin:bottom right;transition:opacity .24s ease,transform .34s cubic-bezier(.16,1,.3,1),filter .28s ease,visibility .24s;} .page-picker.is-open .page-picker-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);filter:blur(0);} .page-picker-panel:after{content:"";position:absolute;right:26px;bottom:-5px;width:9px;height:9px;background:#080808;border-right:1px solid rgba(122,38,55,.58);border-bottom:1px solid rgba(122,38,55,.58);transform:rotate(45deg);} .page-picker-top{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px;} .page-picker-kicker{color:#8F8789;font:500 9px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;} .page-picker-current{color:#F2F2F2;font:600 22px/1 var(--cond);letter-spacing:.04em;} .page-picker-current small{color:#736A6D;font-size:10px;font-weight:500;margin-left:3px;} .page-wheel-wrap{position:relative;height:150px;overflow:hidden;border-top:1px solid rgba(122,38,55,.18);border-bottom:1px solid rgba(122,38,55,.18);background:linear-gradient(90deg,rgba(122,38,55,.025),transparent 22%,transparent 78%,rgba(122,38,55,.025));} .page-wheel-wrap:before,.page-wheel-wrap:after{content:"";position:absolute;left:0;right:0;z-index:4;height:48px;pointer-events:none;} .page-wheel-wrap:before{top:0;background:linear-gradient(#0b090a 8%,rgba(11,9,10,0));} .page-wheel-wrap:after{bottom:0;background:linear-gradient(rgba(8,8,8,0),#080808 92%);} .page-wheel-focus{position:absolute;left:7px;right:7px;top:50%;height:38px;transform:translateY(-50%);border-top:1px solid rgba(141,51,69,.52);border-bottom:1px solid rgba(141,51,69,.52);background:linear-gradient(90deg,transparent,rgba(122,38,55,.11) 22%,rgba(122,38,55,.17) 50%,rgba(122,38,55,.11) 78%,transparent);box-shadow:0 0 20px rgba(122,38,55,.05) inset;pointer-events:none;z-index:3;} .page-wheel{height:150px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;padding:56px 0;scrollbar-width:thin;scrollbar-color:#6F2635 transparent;} .page-wheel::-webkit-scrollbar{width:4px;} .page-wheel::-webkit-scrollbar-track{background:transparent;} .page-wheel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8D3345,#561A27);border-radius:10px;} .page-wheel-item{width:100%;height:38px;border:0;background:transparent;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;color:#5F595B;cursor:pointer;user-select:none;font:500 14px var(--cond);letter-spacing:.12em;transition:color .18s ease,transform .22s cubic-bezier(.16,1,.3,1),text-shadow .18s ease,opacity .18s ease;} .page-wheel-item:hover{color:#B8B0B2;} .page-wheel-item.is-near{color:#8B8386;transform:scale(1.02);} .page-wheel-item.is-selected{color:#fff;transform:scale(1.18);font-weight:600;text-shadow:0 0 16px rgba(141,51,69,.46);} .page-picker-divider{display:flex;align-items:center;gap:8px;margin:11px 0 9px;color:#5E5759;font:500 8px var(--sans);letter-spacing:.12em;} .page-picker-divider:before,.page-picker-divider:after{content:"";flex:1;height:1px;background:rgba(122,38,55,.16);} .page-jump-row{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:8px;} .page-jump-input{width:100%;height:36px;border:1px solid rgba(122,38,55,.30);border-radius:4px;outline:none;background:rgba(255,255,255,.025);color:#F2F2F2;padding:0 11px;font:500 12px var(--sans);letter-spacing:.04em;transition:border-color .2s,box-shadow .2s,background .2s;} .page-jump-input::placeholder{color:#625B5D;} .page-jump-input{-moz-appearance:textfield;appearance:textfield;} .page-jump-input::-webkit-outer-spin-button, .page-jump-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;} .page-jump-input:focus{border-color:#8D3345;background:rgba(122,38,55,.055);box-shadow:0 0 0 2px rgba(122,38,55,.08);} .page-wheel.is-right-dragging{cursor:ns-resize;} .page-wheel.is-right-dragging .page-wheel-item{pointer-events:none;} .page-picker-go{height:36px;border:1px solid #7A2637;border-radius:4px;background:linear-gradient(180deg,#842B3D,#67202E);color:#fff;cursor:pointer;font:600 10px var(--sans);letter-spacing:.10em;box-shadow:0 7px 18px rgba(0,0,0,.22);transition:transform .2s cubic-bezier(.16,1,.3,1),filter .2s,box-shadow .2s,border-color .2s;} .page-picker-go:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.34);border-color:#9A3D50;} .page-picker-error{min-height:13px;margin:5px 1px -2px;color:#A95264;font:500 8.5px/1.2 var(--sans);opacity:0;transition:opacity .18s;} .page-picker-error.is-show{opacity:1;} @media (max-width:700px){ .pager{gap:6px;font-size:14px;} .pager a,.pager span,.page-picker-toggle{height:40px;border-radius:6px;} .pager a{min-width:40px;padding:0 11px;} .pager a[data-page="prev"], .pager a[data-page="next"], .page-picker-toggle{min-width:112px;} .page-picker-label{padding:0 13px;} .page-picker-iconbox{width:34px;} .pager a[data-page]:not([data-page="prev"]):not([data-page="next"]), .pager .is-current{min-width:48px;} .page-picker-panel{right:0;width:224px;} } .panel{background:var(--ink-2);border:1px solid var(--ink-3);border-radius:var(--radius);padding:16px;} .search{display:flex;gap:0;} .search input{flex:1;min-width:0;background:#0B0B0B;border:1px solid var(--ink-3);border-right:none;color:var(--sand);padding:10px 12px;font-family:var(--sans);font-size:14px;} .search input::placeholder{color:#8A7D81;} .search button{flex:none;background:var(--brass);border:1px solid var(--brass);color:var(--ink);padding:0 15px;cursor:pointer;display:flex;align-items:center;transition:filter .18s;} .search button:hover{filter:brightness(1.12);} .select{width:100%;background:#0B0B0B;border:1px solid var(--ink-3);color:var(--sand-dim);padding:10px 12px;font-family:var(--sans);font-size:14px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--brass) 50%),linear-gradient(135deg,var(--brass) 50%,transparent 50%);background-position:calc(100% - 18px) 18px, calc(100% - 13px) 18px;background-size:5px 5px, 5px 5px;background-repeat:no-repeat;} .archive{list-style:none;margin:0;padding:0;} .archive li{display:flex;justify-content:space-between;padding:7px 2px;font-size:14px;border-bottom:1px dashed rgba(111,39,52,.18);} .archive li:last-child{border-bottom:none;} .archive a{color:var(--sand-dim);} .archive a:hover{color:var(--brass);} .archive span{font-family:var(--cond);color:#8A7D81;font-size:13px;} .foot{margin-top:8px;border-top:1px solid rgba(122,38,55,.52);background-color:#050505;background-image:linear-gradient(90deg,rgba(0,0,0,.20),rgba(0,0,0,.48) 45%,rgba(0,0,0,.64)), linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.52)), url("image-5.webp");background-size:cover,cover,cover;background-position:center,center,center 38%;background-repeat:no-repeat;box-shadow:inset 0 1px 0 rgba(255,255,255,.015);} .foot-in{max-width:var(--wrap);margin:0 auto;padding:24px 20px 18px;min-height:134px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--sand-dim);text-align:center;} .foot-brand{min-width:0;display:flex;flex-direction:column;align-items:center;} .foot-brand-title{margin:0;font-family:var(--serif);font-size:34px;font-weight:600;line-height:1;letter-spacing:.16em;color:#EEE9E6;text-shadow:0 4px 24px rgba(0,0,0,.55);} .foot-brand-latin{display:block;margin-top:9px;font-family:var(--cond);font-size:10px;line-height:1.2;letter-spacing:.24em;color:#9E3B4E;} .foot-brand-rule{display:block;width:42px;height:1px;margin:10px 0 8px;background:#7A2637;opacity:.88;} .foot-note{margin:0;max-width:760px;font-family:var(--serif);font-size:11px;line-height:1.55;letter-spacing:.015em;color:#AAA1A3;} .foot-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;font-family:var(--cond);font-size:10px;letter-spacing:.15em;} .foot-links button,.foot-links a{appearance:none;position:relative;border:0;background:transparent;color:#B8AFB1;min-height:24px;padding:4px 15px;cursor:pointer;font:500 10px/1.2 var(--cond);letter-spacing:.15em;text-transform:uppercase;transition:color .18s ease,text-shadow .18s ease;text-decoration:none;} .foot-links > * + *::before{content:"·";position:absolute;left:-2px;top:50%;transform:translateY(-52%);color:#7A2637;opacity:.82;} .foot-links button:hover,.foot-links button:focus-visible,.foot-links a:hover,.foot-links a:focus-visible{color:#FFF;text-shadow:0 0 16px rgba(141,51,69,.30);outline:none;} .foot-links button:focus-visible,.foot-links a:focus-visible{text-decoration:underline;text-underline-offset:4px;} .nav-taxonomy-group.is-footer-focus{outline:1px solid rgba(141,51,69,.62);outline-offset:2px;background:linear-gradient(180deg,rgba(122,38,55,.13),rgba(7,7,7,.88));} .foot-bar{border-top:1px solid rgba(122,38,55,.28);min-height:47px;padding:11px clamp(18px,4vw,52px);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px 24px;font-family:var(--cond);font-size:11px;line-height:1.35;letter-spacing:.08em;color:#756C6F;background:rgba(0,0,0,.34);} .foot-bar-copyright{grid-column:2;grid-row:1;justify-self:center;text-align:center;white-space:nowrap;} .foot-bar-links{grid-column:1;grid-row:1;justify-self:start;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:0;} .foot-bar-links a{position:relative;color:#83797c;text-decoration:none;padding:3px 10px;white-space:nowrap;transition:color .18s ease;} .foot-bar-links a+a::before{content:"·";position:absolute;left:-2px;color:#5c343e;} .foot-bar-links a:hover,.foot-bar-links a:focus-visible{color:#b66c7d;outline:none;} .foot-bar-note{grid-column:3;grid-row:1;justify-self:end;color:#8d6670;white-space:nowrap;} .foot-bar-note[hidden]{display:none!important;} .foot-bar.is-simple{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);text-align:center;} .foot-bar.is-simple .foot-bar-copyright{grid-column:2;justify-self:center;} @media (max-width:820px){ .foot-bar,.foot-bar.is-simple{grid-template-columns:1fr;justify-items:center;text-align:center;padding-top:13px;padding-bottom:14px;gap:7px;} .foot-bar-copyright,.foot-bar-links,.foot-bar-note, .foot-bar.is-simple .foot-bar-copyright{grid-column:1;grid-row:auto;justify-self:center;} .foot-bar-copyright,.foot-bar-note{white-space:normal;} .foot-bar-links{justify-content:center;} .foot-bar-links a{padding:3px 8px;} } @media (max-width:660px){ .foot-in{min-height:0;padding:23px 18px 17px;gap:11px;} .foot-brand-title{font-size:28px;letter-spacing:.13em;} .foot-brand-latin{font-size:9px;letter-spacing:.18em;} .foot-note{max-width:430px;font-size:10px;line-height:1.6;} .foot-links{max-width:460px;row-gap:3px;} .foot-links button,.foot-links a{padding:4px 10px;font-size:9px;} } @media (max-width:1080px){ .wrap{grid-template-columns:minmax(0,1fr);} .grid{grid-template-columns:repeat(3, minmax(0,1fr));} } @media (max-width:820px){ .grid{grid-template-columns:repeat(2, minmax(0,1fr));} } @media (max-width:660px){ .grid{grid-template-columns:minmax(0,1fr);} .brand{font-size:30px;} .masthead{min-height:245px;background-position:center center, center 46%;background-size:cover, 98% auto;} .masthead-in{min-height:220px;padding:28px 20px 24px;} .masthead-in{padding:32px 20px 26px;} .nav-in{overflow-x:auto;} .nav a.nav-link{padding:13px 13px;white-space:nowrap;} } @media (prefers-reduced-motion:reduce){ *{animation:none!important;transition:none!important;} html{scroll-behavior:auto;} } body{color:#F2F2F2;background-color:#000;} .masthead,.nav,.card,.panel,.foot{background-color:rgba(8,8,8,.94);} .search input,.cloud a,.select,.nav-menu{background-color:#0B0B0B;color:#F2F2F2;} .nav a.nav-link,.nav-icon,.meta,.linklist a,.archive a,.brand-note,.foot-in{color:#B8B0B2;} .card-title,.brand{color:#F2F2F2;} .panel-title,.brand-latin,.nav-icon:hover,.card-title a:hover,.linklist a:hover,.archive a:hover{color:#7A2637;} .search button{color:#F2F2F2;} .pager a,.pager span{background:#101010;color:#B8B0B2;} .pager .is-current{background:#7A2637;color:#F2F2F2;border-color:#7A2637;} .foot-bar{color:#736A6D;} .browse-fold.is-open .browse-fold-content{max-height:420px;opacity:1;padding-top:0;} .browse-item{appearance:none;width:100%;border:1px solid #2A1A1E;background:#0A0A0A;color:#C9C1C3;border-radius:3px;padding:9px 9px;cursor:pointer;text-align:left;font:500 12px/1.35 var(--sans);transition:color .18s, border-color .18s, background .18s;} .browse-item:hover,.browse-item:focus-visible{color:#FFF;border-color:#7A2637;background:#171014;outline:none;} .browse-item .count{display:block;margin-top:2px;color:#6F6468;font:500 10px/1.2 var(--cond);} @media (max-width:660px){ .browse-item{padding:9px 8px;} } .lang-switcher{position:relative;flex:0 0 auto;} .lang-toggle{appearance:none;border:1px solid transparent;background:transparent;color:var(--sand-dim);display:flex;align-items:center;gap:7px;min-height:48px;padding:0 11px;cursor:pointer;font:500 13px var(--sans);letter-spacing:.04em;transition:color .18s, border-color .18s, background .18s;} .lang-toggle:hover, .lang-toggle[aria-expanded="true"]{color:var(--sand);border-color:var(--ink-3);background:#101010;} .lang-toggle svg{width:16px;height:16px;flex:0 0 auto;} .lang-toggle .lang-caret{font-size:10px;opacity:.68;transform:translateY(-1px);transition:transform .18s;} .lang-toggle[aria-expanded="true"] .lang-caret{transform:translateY(-1px);} .lang-panel{position:absolute;top:calc(100% + 9px);right:0;z-index:80;width:250px;padding:14px;background:#0F0F0F;border:1px solid var(--ink-3);border-radius:5px;box-shadow:0 18px 45px rgba(0,0,0,.48);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.985);transform-origin:top right;transition:opacity .16s, transform .16s, visibility .16s;} .lang-switcher.is-open .lang-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1);} .lang-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;} .lang-option{appearance:none;width:100%;border:1px solid #2A1A1E;background:#0A0A0A;color:#C9C1C3;border-radius:3px;padding:9px 8px;cursor:pointer;text-align:left;font:500 12px/1.25 var(--sans);transition:color .18s, border-color .18s, background .18s;} .lang-option:hover,.lang-option:focus-visible{color:#FFF;border-color:#7A2637;background:#171014;outline:none;} .lang-option.is-current{color:#FFF;border-color:#7A2637;background:#1A0E13;} #google_translate_element{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;} /* Keep Google Translate's engine available, but never expose its injected chrome/UI. */ body > .skiptranslate, body > iframe.skiptranslate, .goog-te-banner-frame, .goog-te-banner-frame.skiptranslate, .goog-te-balloon-frame, .goog-te-gadget-icon, .goog-te-spinner-pos, .goog-gt-vt, #goog-gt-tt, #goog-gt-original-text, .goog-tooltip, .VIpgJd-ZVi9od-ORHb-OEVmcd, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf, .VIpgJd-ZVi9od-aZ2wEe{display:none!important;visibility:hidden!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;overflow:hidden!important;opacity:0!important;border:0!important;box-shadow:none!important;pointer-events:none!important;} html,body{top:0!important;} @media (min-width:761px){ .lang-toggle:hover, .lang-toggle[aria-expanded="true"]{color:var(--sea);border-color:rgba(141,51,69,.72);background:rgba(122,38,55,.09);} .lang-toggle{min-height:40px;padding:0 9px;gap:6px;font-size:12.5px;} .lang-toggle svg{width:15px;height:15px;} .lang-toggle .lang-caret{font-size:9px;} .lang-panel{width:286px;padding:11px;top:calc(100% + 7px);} .lang-list{grid-template-columns:1fr 1fr;gap:6px;} .lang-option{min-height:36px;padding:7px 8px;font-size:11.5px;line-height:1.2;} } @media (max-width:660px){ .lang-toggle{padding:0 9px;min-height:46px;} .lang-toggle .lang-label{display:none;} .lang-panel{position:fixed;top:auto;right:12px;left:12px;bottom:12px;width:auto;transform-origin:bottom center;} .lang-switcher.is-open .lang-panel{transform:translateY(0) scale(1);} .lang-list{grid-template-columns:1fr 1fr;} } .nav-feature-panel{left:0;right:auto;top:calc(100% + 1px);width:auto;min-width:210px;max-width:280px;max-height:min(66vh,560px);overflow:auto;padding:10px;background:linear-gradient(180deg,rgba(16,12,13,.965),rgba(6,6,6,.985));border:1px solid rgba(122,38,55,.46);border-top:2px solid var(--brass);box-shadow:0 24px 58px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.018) inset;backdrop-filter:blur(16px) saturate(122%);-webkit-backdrop-filter:blur(16px) saturate(122%);opacity:0;visibility:hidden;pointer-events:none;transform-origin:top center;transform:translateY(-12px) scale(.975);filter:blur(2px);animation:none!important;transition:opacity .26s ease,transform .34s cubic-bezier(.16,1,.3,1),filter .30s ease,visibility 0s linear .34s;} .nav-feature[open] > .nav-feature-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);filter:blur(0);animation:none!important;transition-delay:0s;} .nav-feature-panel > *{animation:none!important;} .nav-feature-panel{scrollbar-width:thin;scrollbar-color:#7A2637 rgba(12,9,10,.72);scrollbar-gutter:stable;} .nav-feature-panel::-webkit-scrollbar{width:8px;} .nav-feature-panel::-webkit-scrollbar-track{background:linear-gradient(180deg,rgba(18,13,14,.72),rgba(5,5,5,.78));border-left:1px solid rgba(122,38,55,.10);border-radius:6px;} .nav-feature-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9B3A50 0%,#7A2637 48%,#521923 100%);border:2px solid rgba(9,7,8,.92);border-radius:999px;box-shadow:0 0 10px rgba(122,38,55,.24), inset 0 1px 0 rgba(255,255,255,.12);} .nav-feature-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#B75B70 0%,#8D3045 50%,#641E2B 100%);box-shadow:0 0 14px rgba(183,91,112,.32), inset 0 1px 0 rgba(255,255,255,.16);} .nav-feature-panel::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#C28695,#7A2637);} .nav-feature-panel::-webkit-scrollbar-corner{background:transparent;} .nav-tool-list, .nav-option-list, .nav-tag-cloud{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important;} .nav-feature-panel .nav-tool-list a, .nav-feature-panel .nav-option-list .browse-item, .nav-feature-panel .nav-tag-cloud a{display:flex!important;align-items:center;justify-content:space-between;width:100%;min-height:0;position:relative;margin:0!important;padding:10px 14px 10px 17px!important;border:0!important;border-radius:3px!important;background:transparent!important;box-shadow:none!important;color:var(--sand-dim)!important;font:400 14px/1.45 var(--sans)!important;text-align:left;letter-spacing:0!important;opacity:.35;transform:translateY(-5px);transition:color .2s,background .2s,transform .28s cubic-bezier(.16,1,.3,1),opacity .28s!important;} .nav-feature[open] .nav-tool-list a, .nav-feature[open] .nav-option-list .browse-item, .nav-feature[open] .nav-tag-cloud a{opacity:1;transform:translateY(0);} .nav-feature-panel .nav-tool-list a::before, .nav-feature-panel .nav-option-list .browse-item::before, .nav-feature-panel .nav-tag-cloud a::before{content:"";position:absolute;left:7px;top:50%;width:2px;height:0;background:linear-gradient(180deg,#C28695,#7A2637);transform:translateY(-50%);transition:height .2s ease;} .nav-feature-panel .nav-tool-list a:hover, .nav-feature-panel .nav-option-list .browse-item:hover, .nav-feature-panel .nav-tag-cloud a:hover{color:#fff!important;background:rgba(122,38,55,.16)!important;transform:translateX(3px)!important;} .nav-feature-panel .nav-tool-list a:hover::before, .nav-feature-panel .nav-option-list .browse-item:hover::before, .nav-feature-panel .nav-tag-cloud a:hover::before{height:56%;} .nav-feature-panel .count, .nav-feature-panel .nav-tag-cloud em{margin-left:14px;color:#736A6D;font-size:11px;font-style:normal;white-space:nowrap;} .nav-feature[open] .nav-tool-list li:nth-child(2) a, .nav-feature[open] .nav-option-list > :nth-child(2), .nav-feature[open] .nav-tag-cloud > :nth-child(2){transition-delay:.025s!important;} .nav-feature[open] .nav-tool-list li:nth-child(3) a, .nav-feature[open] .nav-option-list > :nth-child(3), .nav-feature[open] .nav-tag-cloud > :nth-child(3){transition-delay:.05s!important;} .nav-feature[open] .nav-tool-list li:nth-child(4) a, .nav-feature[open] .nav-option-list > :nth-child(4), .nav-feature[open] .nav-tag-cloud > :nth-child(4){transition-delay:.075s!important;} .nav-feature[open] .nav-tool-list li:nth-child(5) a, .nav-feature[open] .nav-option-list > :nth-child(5), .nav-feature[open] .nav-tag-cloud > :nth-child(5){transition-delay:.10s!important;} .nav-feature[open] .nav-tool-list li:nth-child(6) a, .nav-feature[open] .nav-option-list > :nth-child(6), .nav-feature[open] .nav-tag-cloud > :nth-child(6){transition-delay:.125s!important;} @media (max-width:660px){ .nav-feature-panel{min-width:210px;max-width:min(280px,88vw);} } .nav-feature > .nav-feature-panel{opacity:0;visibility:hidden;pointer-events:none;transform-origin:top center;transform:translateY(-12px) scale(.975);filter:blur(2px);animation:none!important;transition:opacity .26s ease, transform .34s cubic-bezier(.16,1,.3,1), filter .30s ease, visibility 0s linear .34s;} .nav-feature > .nav-feature-panel > *{animation:none!important;} .nav-feature[open]:not(.is-closing) > .nav-feature-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);filter:blur(0);transition-delay:0s;} .nav-feature.is-closing > .nav-feature-panel{opacity:0;visibility:visible;pointer-events:none;transform:translateY(-12px) scale(.975);filter:blur(2px);} .nav-feature-toggle::after{transform:translateY(-1px)!important;transition:opacity .14s ease, color .14s ease!important;} .nav-feature[open]:not(.is-closing) > .nav-feature-toggle::after{transform:translateY(-1px)!important;opacity:1;color:#C28695;transition-duration:.22s!important;} .nav-feature.is-closing > .nav-feature-toggle::after{transform:translateY(-1px)!important;opacity:.62;color:inherit;} #ed-delete{margin-right:auto;background:#2a0f15;border-color:#7A2637;color:#f1d9df;} #ed-delete:hover{background:#7A2637;color:#fff;} .grid .card .meta-cat, .grid .card .meta-tag{display:none!important;} .grid .card .card-body{padding-bottom:18px;} @media (max-width:900px){ body{background-attachment:scroll;} } @media (min-width:901px){ .nav-feature-category > .nav-feature-panel, .nav-feature-archive > .nav-feature-panel{width:205px;padding:13px;} .nav-feature-tags > .nav-feature-panel{width:fit-content;min-width:205px;max-width:270px;padding:13px;} .nav-feature-tags .nav-tag-cloud{width:max-content;max-width:244px;align-items:flex-start;} .nav-feature-tags .nav-tag-cloud a{width:auto;flex:0 0 auto;white-space:nowrap;} } .card-edit-btn, #admin-logout, #admin-nav-settings{ display:none !important; } body.admin-mode .card-edit-btn{ display:block !important; } body.admin-mode #admin-logout, body.admin-mode #admin-nav-settings{ display:inline-flex !important; align-items:center; gap:5px; } .admin-bar{ position:fixed; top:14px; right:14px; z-index:1200; display:none; align-items:center; gap:8px; padding:7px 10px; border:1px solid rgba(183,124,137,.55); background:rgba(8,8,8,.88); color:#e9dce0; border-radius:5px; font:500 12px var(--sans); backdrop-filter:blur(8px); } body.admin-mode .admin-bar{ display:flex; } .admin-bar button{ border:0; background:#7A2637; color:#fff; padding:5px 9px; border-radius:3px; cursor:pointer; font:500 12px var(--sans); } .admin-bar button:hover{ background:#96354a; } .admin-entry-btn{ flex:0 0 auto; height:32px; margin-left:7px; padding:0 11px; border:1px solid rgba(122,38,55,.38); background:rgba(10,10,10,.82); color:#9F9296; font:500 14px/1.15 var(--sans); letter-spacing:.08em; cursor:pointer; transition:border-color .18s,color .18s,background .18s,transform .18s; } .admin-entry-btn:hover{ color:#fff; border-color:#7A2637; background:rgba(122,38,55,.16); transform:translateY(-1px); } body.admin-mode .admin-entry-btn{ color:#F2F2F2; border-color:#7A2637; background:rgba(122,38,55,.24); } .admin-login-backdrop{ position:fixed; inset:0; z-index:1300; display:none; align-items:center; justify-content:center; padding:20px; background:rgba(0,0,0,.72); backdrop-filter:blur(8px); } .admin-login-backdrop.is-open{ display:flex; } .admin-login{ width:min(360px,100%); padding:24px; background:#101010; color:#f2f2f2; border:1px solid #4a2830; border-radius:8px; box-shadow:0 25px 80px rgba(0,0,0,.7); } .admin-login h3{ margin:0 0 8px; font-family:var(--serif); font-size:20px; } .admin-login p{ margin:0 0 16px; color:#9f9296; font-size:12px; line-height:1.7; } .admin-login input{ width:100%; border:1px solid #3b272c; background:#080808; color:#fff; border-radius:4px; padding:10px 11px; font:14px/1.6 var(--sans); outline:none; } .admin-login input:focus{ border-color:#7A2637; } .admin-login-actions{ display:flex; justify-content:flex-end; gap:8px; margin-top:14px; } .admin-login-actions button{ border:1px solid #4b3037; background:#171717; color:#ddd; padding:8px 12px; border-radius:4px; cursor:pointer; font:500 13px var(--sans); } .admin-login-actions .primary{ background:#7A2637; border-color:#7A2637; color:#fff; } .admin-error{ min-height:18px; margin-top:8px; color:#d89aa6; font-size:11px; } .editor-preview.cover-preview-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;} .editor-preview.cover-preview-row .cover-preview-copy{min-width:0;display:grid;gap:3px;} .editor-preview.cover-preview-row .cover-preview-copy .editor-note{margin:0;} .card-image-fit-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;max-width:100%;} .editor-field label.card-image-fit-toggle{display:inline-flex;align-items:center;gap:8px;width:auto;margin:0;padding:7px 9px;border:1px solid #3b252b;border-radius:5px;background:rgba(14,11,12,.88);cursor:pointer;user-select:none;white-space:nowrap;transition:border-color .16s ease,background .16s ease;} .editor-field label.card-image-fit-toggle:hover{border-color:#6e3442;background:rgba(122,38,55,.10);} .editor-field label.card-image-fit-toggle > span{color:#cdbfc3;font:600 11px/1.2 var(--sans);letter-spacing:.02em;} .editor-field label.card-image-fit-toggle > input[type="checkbox"]{position:relative;flex:0 0 auto;width:34px!important;min-width:34px;max-width:34px;height:18px!important;min-height:18px;margin:0!important;padding:0!important;box-sizing:border-box;appearance:none;-webkit-appearance:none;border:1px solid #65404a;border-radius:999px;background:#080808;cursor:pointer;outline:none;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;} .editor-field label.card-image-fit-toggle > input[type="checkbox"]::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#8f7f83;transition:transform .18s ease,background .18s ease;} .editor-field label.card-image-fit-toggle > input[type="checkbox"]:checked{border-color:#8D3345;background:#7A2637;box-shadow:0 0 0 2px rgba(122,38,55,.10);} .editor-field label.card-image-fit-toggle > input[type="checkbox"]:checked::after{transform:translateX(16px);background:#fff;} .editor-field label.card-image-fit-toggle > input[type="checkbox"]:focus-visible{box-shadow:0 0 0 3px rgba(141,51,69,.22);} .card-image-opt-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0;} .card-image-opt-status{color:#7f7477;font:11px/1.55 var(--sans);} .card-image-opt-status.is-good{color:#9caa9d;} .card-image-opt-status.is-warning{color:#d09aa5;} .card-image-opt-btn{flex:0 0 auto;border:1px solid #4b3037;background:#171113;color:#cdbdc1;border-radius:4px;padding:5px 8px;cursor:pointer;font:600 10px/1.2 var(--sans);white-space:nowrap;transition:border-color .16s ease,background .16s ease,color .16s ease;} .card-image-opt-btn:hover:not(:disabled){border-color:#8D3345;background:rgba(122,38,55,.22);color:#fff;} .card-image-opt-btn:disabled{opacity:.48;cursor:wait;} .home-image-meta-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px;} .home-image-info{display:block;color:#766c6f;font:11px/1.5 var(--sans);} .home-image-info.is-good{color:#91a093;} .home-image-info.is-warning{color:#d09aa5;} @media (max-width:700px){ .editor-preview.cover-preview-row{grid-template-columns:auto minmax(0,1fr);} .editor-preview.cover-preview-row .card-image-fit-controls{grid-column:1/-1;justify-self:start;justify-content:flex-start;} } .card{position:relative;} .card-edit-btn{position:absolute;top:10px;left:10px;z-index:8;display:none;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.78);color:#fff;padding:5px 9px;border-radius:4px;cursor:pointer;font:600 12px var(--sans);letter-spacing:.04em;backdrop-filter:blur(4px);} .card:hover .card-edit-btn{display:block;} .card-edit-btn:hover{background:#7A2637;border-color:#7A2637;} .editor-backdrop{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.72);backdrop-filter:blur(7px);} .editor-backdrop.is-open{display:flex;} .editor-modal{width:min(920px,100%);max-height:92vh;overflow:auto;background:#101010;color:#F2F2F2;border:1px solid #4a2830;border-radius:8px;box-shadow:0 25px 80px rgba(0,0,0,.6);} .editor-modal{scrollbar-width:thin;scrollbar-color:#7A2637 #0b090a;scrollbar-gutter:stable;} .editor-modal::-webkit-scrollbar{width:8px;} .editor-modal::-webkit-scrollbar-track{background:#0b090a;border-left:1px solid rgba(122,38,55,.10);} .editor-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8D3345,#5a1c29);border:2px solid #0b090a;border-radius:999px;} .editor-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a13d51,#702333);} .editor-modal::-webkit-scrollbar-corner{background:#0b090a;} .editor-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:#101010;border-bottom:1px solid #2A1A1E;} .editor-head h3{margin:0;font-family:var(--serif);font-size:20px;} .editor-close{border:0;background:none;color:#aaa;font-size:24px;cursor:pointer;} .editor-body{padding:18px;display:grid;gap:14px;} .editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;} .editor-field{display:grid;gap:7px;} .editor-field.full{grid-column:1/-1;} .editor-field label{color:#c9b5ba;font-size:12px;letter-spacing:.05em;} .editor-field input,.editor-field textarea{width:100%;border:1px solid #3b272c;background:#080808;color:#f2f2f2;border-radius:4px;padding:10px 11px;font:14px/1.6 var(--sans);outline:none;} .editor-field input:focus,.editor-field textarea:focus{border-color:#7A2637;} .editor-field textarea{min-height:170px;resize:vertical;} .editor-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px;} .editor-btn{border:1px solid #4b3037;background:#171717;color:#ddd;padding:9px 14px;border-radius:4px;cursor:pointer;font:500 13px var(--sans);} .editor-btn.primary{background:#7A2637;border-color:#7A2637;color:#fff;} .editor-btn.danger{color:#e2a4ae;} .editor-preview{display:flex;gap:12px;align-items:center;padding:10px;background:#0b0b0b;border:1px dashed #3b272c;border-radius:5px;} .editor-preview img{width:120px;height:76px;object-fit:cover;border-radius:4px;display:none;} .editor-preview.has-image img{display:block;} .editor-note{color:#8f8185;font-size:11px;line-height:1.6;} .editor-storage-status{padding:8px 10px;border:1px solid rgba(122,38,55,.18);background:rgba(122,38,55,.045);color:#8f8185;font-size:11px;line-height:1.5;border-radius:5px;} .editor-storage-status.is-warning{border-color:rgba(169,82,100,.58);color:#d39aa6;background:rgba(122,38,55,.10);} @media (max-width:700px){ .editor-grid{grid-template-columns:1fr;} .editor-field.full{grid-column:auto;} } .taxonomy-picker{display:flex;flex-wrap:wrap;gap:8px;min-height:44px;padding:5px 0 2px;} .taxonomy-chip-item{display:inline-flex;align-items:stretch;position:relative;border-radius:4px;} .taxonomy-chip{appearance:none;border:1px solid #35252a;background:#0b0b0b;color:#aaa0a3;padding:8px 11px;border-radius:4px 0 0 4px;cursor:pointer;font:500 12px/1 var(--sans);transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;} .taxonomy-chip:hover{border-color:#70404b;color:#eee;background:#130d0f;} .taxonomy-chip.is-selected{color:#fff;border-color:#8D3345;background:linear-gradient(180deg,rgba(141,51,69,.34),rgba(91,25,39,.28));box-shadow:0 0 0 1px rgba(141,51,69,.10) inset,0 6px 18px rgba(0,0,0,.22);} .taxonomy-chip.is-selected::before{content:"✓";margin-right:6px;color:#d78a99;} .taxonomy-chip-item:hover .taxonomy-chip,.taxonomy-chip-item:hover .taxonomy-chip-edit,.taxonomy-chip-item:hover .taxonomy-chip-delete{border-color:#70404b;} .taxonomy-chip-item:hover .taxonomy-chip-edit,.taxonomy-chip-edit:focus-visible{color:#e8d8dc;background:#1a1114;} .taxonomy-chip-item:hover .taxonomy-chip-delete,.taxonomy-chip-delete:focus-visible{color:#e9aab5;background:#160d10;} .editor-field input.is-invalid{border-color:#b94c61!important;box-shadow:0 0 0 2px rgba(185,76,97,.13)!important;} .editor-btn.secondary-danger{color:#d8a1ab;border-color:rgba(169,74,93,.48);background:rgba(122,38,55,.07);} .editor-btn.secondary-danger:hover{color:#fff;border-color:#8D3345;background:rgba(122,38,55,.24);} .editor-btn:disabled,.taxonomy-manager-action:disabled,#ed-image-remove:disabled{opacity:.38;cursor:not-allowed;} .cover-image-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;} .cover-image-remove{height:40px;border:1px solid #4b3037;background:#171113;color:#cdbdc1;border-radius:4px;padding:0 12px;cursor:pointer;font:500 12px var(--sans);white-space:nowrap;} .cover-image-remove:not(:disabled):hover{border-color:#8D3345;color:#fff;background:rgba(122,38,55,.24);} .taxonomy-architecture-head span strong{color:#d7a0ab;font-weight:600;} .taxonomy-picker .taxonomy-chip{border-radius:4px!important;} .taxonomy-manager-note{margin:0;padding:0 14px 12px;color:#a48f94;font-size:11px;line-height:1.65;border-bottom:1px solid rgba(122,38,55,.16);} .taxonomy-manager-note strong{color:#d69aa6;} .taxonomy-manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;} .taxonomy-manager-section{min-width:0;border:1px solid rgba(122,38,55,.16);background:#0b090a;border-radius:6px;padding:10px;} .taxonomy-manager-section h4{margin:0;color:#cdbdc1;font:600 12px var(--sans);} .taxonomy-manager-section-headline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid rgba(122,38,55,.14);} .taxonomy-manager-group-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end;} .taxonomy-manager-group-btn{min-width:28px;height:25px;padding:0 7px;border:1px solid #39272c;background:#151012;color:#9f8d92;border-radius:3px;cursor:pointer;font:600 10px/1 var(--sans);white-space:nowrap;transition:border-color .16s ease,background .16s ease,color .16s ease,opacity .16s ease;} .taxonomy-manager-group-btn:hover{border-color:#7A2637;color:#fff;background:rgba(122,38,55,.28);} .taxonomy-manager-group-btn.is-visible{color:#d8c9cd;border-color:#5e343f;background:rgba(122,38,55,.13);} .taxonomy-manager-group-btn.is-hidden{color:#7b6d71;background:#0d0b0c;} .taxonomy-manager-section.is-group-hidden{opacity:.68;} .taxonomy-manager-section.is-group-hidden .taxonomy-manager-list,.taxonomy-manager-section.is-group-hidden .taxonomy-manager-add{opacity:.78;} .taxonomy-manager-list{display:grid;gap:5px;max-height:210px;overflow:auto;padding-right:2px;} .taxonomy-manager-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px;align-items:center;padding:5px 6px;border:1px solid rgba(255,255,255,.055);border-radius:4px;background:#0d0b0c;} .taxonomy-manager-name{min-width:0;color:#c9bdc0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .taxonomy-manager-name small{margin-left:5px;color:#6f6266;font-size:10px;} .taxonomy-manager-action{width:28px;height:26px;border:1px solid #39272c;background:#151012;color:#8f7b80;border-radius:3px;cursor:pointer;font:600 11px var(--sans);} .taxonomy-manager-action:hover{border-color:#7A2637;color:#fff;background:rgba(122,38,55,.28);} .taxonomy-manager-action.delete:hover{background:#7A2637;} .taxonomy-manager-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:8px;} .taxonomy-manager-add input{min-width:0;border:1px solid #34252a;background:#080808;color:#eee;border-radius:4px;padding:7px 8px;font:12px var(--sans);outline:none;} .taxonomy-manager-add input:focus{border-color:#7A2637;} .taxonomy-manager-add button{border:1px solid #4b3037;background:#171113;color:#cdbdc1;border-radius:4px;padding:0 10px;cursor:pointer;font:500 11px var(--sans);} .taxonomy-manager-add button:hover{border-color:#8D3345;color:#fff;background:rgba(122,38,55,.24);} .article-images-note.is-warning{color:#d8a0ab;} @media (max-width:700px){ .taxonomy-manager-grid{grid-template-columns:1fr;} .taxonomy-manager-section-headline{align-items:flex-start;} .taxonomy-manager-group-actions{max-width:68%;} .taxonomy-manager-group-btn{height:27px;} .cover-image-toolbar{grid-template-columns:1fr;} .cover-image-remove{width:100%;} } .article-view{display:none;position:relative;min-height:70vh;padding:34px 20px 72px;} .article-view.is-active{display:block;animation:articleViewIn .42s cubic-bezier(.2,.7,.2,1) both;} @keyframes articleViewIn{ from{opacity:0; transform:translateY(12px);} to{opacity:1; transform:translateY(0);} } body.article-mode .wrap{display:none;} .article-stage{width:min(1180px,100%);margin:0 auto;} .article-topbar{min-height:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 28px;border-bottom:1px solid rgba(122,38,55,.18);background:rgba(7,7,7,.66);color:#81777A;font:500 11px/1 var(--cond);letter-spacing:.18em;text-transform:uppercase;} .article-back{justify-self:start;appearance:none;border:0;padding:8px 0;background:transparent;color:#B8B0B2;cursor:pointer;font:500 13px/1 var(--sans);letter-spacing:.02em;transition:color .18s, transform .18s;} .article-back:hover{color:#F2F2F2;transform:translateX(-3px);} .article-section-mark{color:#7A2637;} .article-index{justify-self:end;color:#6F6568;} .article-sheet{overflow:hidden;border:1px solid rgba(122,38,55,.34);border-radius:13px;background:linear-gradient(180deg,rgba(10,10,10,.97),rgba(7,7,7,.94));box-shadow:0 28px 80px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.018);} .article-header{position:relative;padding:40px clamp(26px,5.8vw,76px) 40px;border-bottom:1px solid rgba(122,38,55,.20);} .article-title-main{max-width:980px;margin:0 auto;color:#F4F1F2;font:700 clamp(21px,2.05vw,30px)/1.4 var(--serif);letter-spacing:.015em;text-align:center;text-wrap:balance;text-shadow:0 5px 26px rgba(0,0,0,.38);} .article-layout{display:grid;grid-template-columns:220px minmax(0,760px);justify-content:center;gap:58px;padding:58px clamp(26px,5vw,70px) 66px;} .article-side{align-self:start;position:sticky;top:90px;padding-right:24px;border-right:1px solid rgba(122,38,55,.20);} .article-side-block + .article-side-block{margin-top:28px;padding-top:24px;border-top:1px solid rgba(122,38,55,.13);} .article-side-label{margin-bottom:10px;color:#6F6568;font:500 12px/1 var(--cond);letter-spacing:.18em;text-transform:uppercase;} .article-side-value{color:#C8C0C2;font:500 16px/1.7 var(--sans);} .article-tag-list{display:flex;flex-wrap:wrap;gap:9px;} .article-tag-list span, .article-tag-list button{display:inline-block;padding:7px 10px;border:1px solid rgba(122,38,55,.28);color:#AFA5A8;background:rgba(122,38,55,.045);font:500 14px/1.15 var(--sans);} .article-tag-list button{cursor:pointer;border-radius:8px;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;} .article-tag-list button:hover{color:#F1E8EA;border-color:rgba(169,75,94,.72);background:rgba(122,38,55,.16);transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.22);} .article-tag-list button:active{transform:translateY(0);} .article-body{min-width:0;width:100%;max-width:760px;margin:0 auto;color:#D6D0D1;font:400 17px/2.05 var(--serif);text-align:center;} .article-body > *:first-child{margin-top:0;} .article-body p{margin:0 auto 1.55em;max-width:720px;} .article-body h2{margin:2.4em auto .8em;text-align:center;color:#F0EBEC;font:700 27px/1.45 var(--serif);letter-spacing:.02em;} .article-body h3{margin:2em auto .75em;text-align:center;color:#E8E1E3;font:700 21px/1.45 var(--serif);} .article-body blockquote{margin:2em auto;max-width:720px;text-align:center;padding:18px 22px;border-left:2px solid #7A2637;background:rgba(122,38,55,.055);color:#C8BEC1;font-style:normal;} .article-lead{margin:0 auto 34px;max-width:720px;text-align:center;padding:19px 22px;border-top:1px solid rgba(122,38,55,.25);border-bottom:1px solid rgba(122,38,55,.18);background:linear-gradient(90deg,rgba(122,38,55,.07),transparent);color:#C9BFC2;font:400 16px/1.9 var(--sans);} .article-links-section{margin-top:34px;padding-top:24px;border-top:1px solid rgba(122,38,55,.34);} .article-links-title{margin:0 0 14px;font:600 12px/1.2 var(--cond);letter-spacing:.20em;color:#8D6A72;} .article-links-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;} .article-external{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:9px 14px;color:#D5C6C9;background:rgba(14,10,11,.78);border:1px solid rgba(122,38,55,.42);border-radius:4px;font:500 13px/1.5 var(--sans);transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease;} .article-external::after{content:"↗";color:#A94A5D;font-size:13px;} .article-external:hover{color:#fff;background:rgba(122,38,55,.15);border-color:rgba(174,74,94,.72);transform:translateY(-1px);} .external-links-editor{display:flex;flex-direction:column;gap:10px;} .external-link-row{display:grid;grid-template-columns:minmax(140px,.75fr) minmax(260px,1.5fr) auto;gap:9px;align-items:center;} .external-link-row input{width:100%;} .external-link-remove{width:34px;height:38px;border:1px solid #4b3037;background:#111;color:#9f8e92;border-radius:4px;cursor:pointer;font-size:18px;line-height:1;} .external-link-remove:hover{border-color:#7A2637;color:#fff;background:#241116;} .external-link-add{align-self:flex-start;margin-top:2px;border:1px dashed rgba(122,38,55,.65);background:rgba(122,38,55,.08);color:#D2BFC4;border-radius:4px;padding:8px 12px;cursor:pointer;font:500 12px var(--sans);} .external-link-add:hover{background:rgba(122,38,55,.16);color:#fff;} @media (max-width:720px){ .external-link-row{grid-template-columns:1fr;} .external-link-remove{width:100%;height:34px;} .article-links-list{flex-direction:column;align-items:center;} .article-external{width:min(100%,420px);justify-content:space-between;} } .article-nav-nextprev{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(122,38,55,.20);} .article-nav-btn{appearance:none;border:0;min-height:112px;padding:24px clamp(22px,4vw,48px);background:rgba(0,0,0,.10);color:#C9C1C3;cursor:pointer;text-align:left;transition:background .22s, color .22s;} .article-nav-btn + .article-nav-btn{border-left:1px solid rgba(122,38,55,.18);text-align:right;} .article-nav-btn:hover{background:rgba(122,38,55,.08);color:#FFF;} .article-nav-kicker{display:block;margin-bottom:8px;color:#7A2637;font:500 10px/1 var(--cond);letter-spacing:.18em;text-transform:uppercase;} .article-nav-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 14px/1.5 var(--sans);} .article-nav-btn:disabled{opacity:.28;cursor:default;background:transparent;} @media (max-width:900px){ .article-layout{grid-template-columns:minmax(0,760px);gap:0;} .article-side{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 0 26px;margin-bottom:34px;border-right:0;border-bottom:1px solid rgba(122,38,55,.18);} .article-side-block + .article-side-block{margin:0;padding:0;border:0;} } @media (max-width:660px){ .article-view{padding:20px 12px 48px;} .article-topbar{grid-template-columns:1fr auto;} .article-section-mark{display:none;} .article-header{padding:30px 22px 30px;} .article-title-main{font-size:22px;line-height:1.42;} .article-layout{padding:38px 22px 46px;} .article-side{grid-template-columns:1fr 1fr;} .article-side-block:last-child{grid-column:1 / -1;} .article-body{font-size:16px;line-height:1.95;} .article-nav-nextprev{grid-template-columns:1fr;} .article-nav-btn + .article-nav-btn{border-left:0;border-top:1px solid rgba(122,38,55,.18);text-align:left;} } .article-images-editor{display:flex;flex-direction:column;gap:10px;margin-top:10px} .article-image-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid #3b272c;background:#0b0b0b;border-radius:6px} .article-image-thumb{width:96px;height:66px;object-fit:cover;border-radius:4px;background:#060606;border:1px solid #2e2024} .article-image-meta{min-width:0} .article-image-meta input{width:100%;border:1px solid #3b272c;background:#080808;color:#eee;border-radius:4px;padding:9px 10px;font:13px/1.5 var(--sans);outline:none} .article-image-meta input:focus{border-color:#7A2637;box-shadow:0 0 0 2px rgba(122,38,55,.10)} .article-image-actions{display:flex;gap:5px;align-items:center} .article-image-actions button{width:32px;height:32px;border:1px solid #40272e;background:#121011;color:#b9afb2;border-radius:4px;cursor:pointer;font:600 14px/1 var(--sans)} .article-image-actions button:hover{border-color:#7A2637;color:#fff;background:#201216} .article-image-actions .remove:hover{background:#5c1d2b} .article-images-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .article-images-toolbar input[type=file]{max-width:100%} .article-images-note{color:#81777a;font:12px/1.6 var(--sans)} .article-gallery{display:flex;flex-direction:column;gap:34px;margin:0 0 36px} .article-gallery figure{margin:0;border:1px solid rgba(122,38,55,.22);background:#090909;overflow:hidden;box-shadow:0 18px 42px rgba(0,0,0,.30)} .article-gallery img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;background:#080808} .article-gallery figcaption{padding:10px 14px;border-top:1px solid rgba(122,38,55,.18);color:#94898c;font:12px/1.65 var(--sans);letter-spacing:.02em} @media(max-width:660px){.article-image-row{grid-template-columns:72px minmax(0,1fr);}.article-image-thumb{width:72px;height:56px}.article-image-actions{grid-column:1/-1;justify-content:flex-end}} .nav-inline-search{position:relative;overflow:visible;} .smart-search-popover{ position:absolute; right:0; top:calc(100% + 8px); width:420px; max-width:min(420px,calc(100vw - 32px)); max-height:360px; overflow:hidden; background:linear-gradient(180deg,rgba(13,12,12,.985),rgba(7,7,7,.985)); border:1px solid rgba(122,38,55,.52); border-radius:8px; box-shadow:0 22px 62px rgba(0,0,0,.68),0 8px 22px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.018) inset; backdrop-filter:blur(18px) saturate(118%); -webkit-backdrop-filter:blur(18px) saturate(118%); opacity:0;visibility:hidden;pointer-events:none; transform:translateY(-8px) scale(.985); transform-origin:top right; filter:blur(2px); transition:opacity .18s ease,transform .26s cubic-bezier(.16,1,.3,1),filter .2s ease,visibility 0s linear .26s; z-index:90; } .smart-search-popover::before{ content:"";position:absolute;left:0;right:0;top:0;height:1px; background:linear-gradient(90deg,transparent,rgba(165,62,83,.9) 22%,rgba(122,38,55,.85) 70%,transparent); pointer-events:none; } .smart-search-popover.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);filter:none;transition-delay:0s;} .smart-search-head{ display:flex;align-items:center;justify-content:space-between;gap:14px; padding:12px 15px 10px; border-bottom:1px solid rgba(122,38,55,.20); } .smart-search-head-main{color:#cfc6c8;font:600 12px/1.3 var(--sans);letter-spacing:.08em;} .smart-search-head-tip{color:#71686b;font:500 10px/1.3 var(--sans);letter-spacing:.03em;white-space:nowrap;} .smart-search-results{max-height:305px;overflow:auto;padding:5px;scrollbar-width:thin;scrollbar-color:#702333 #111;} .smart-search-results::-webkit-scrollbar{width:6px}.smart-search-results::-webkit-scrollbar-track{background:#0c0c0c}.smart-search-results::-webkit-scrollbar-thumb{background:linear-gradient(#8d3345,#561a27);border-radius:999px} .smart-search-item{ all:unset; box-sizing:border-box; width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 12px; padding:10px 11px; border-radius:5px; color:#d9d1d3; cursor:pointer; text-align:left; transition:background .16s ease,transform .18s ease,color .16s ease,box-shadow .16s ease; } .smart-search-item + .smart-search-item{margin-top:2px;} .smart-search-item:hover,.smart-search-item.is-active{ background:linear-gradient(90deg,rgba(122,38,55,.22),rgba(122,38,55,.08)); color:#fff; transform:translateX(2px); box-shadow:inset 2px 0 0 rgba(153,55,75,.92); } .smart-search-title{display:block;min-width:0;font:600 13px/1.45 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .smart-search-meta{grid-column:1/-1;display:block;min-width:0;color:#81787a;font:400 10.5px/1.35 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .smart-search-item::after{content:"↗";grid-column:2;grid-row:1;color:#594a4e;font:12px/1.4 var(--sans);transition:color .16s,transform .18s;} .smart-search-item:hover::after,.smart-search-item.is-active::after{color:#b66779;transform:translate(1px,-1px);} .smart-search-empty{padding:24px 18px;color:#847b7d;font:12px/1.7 var(--sans);text-align:center;} .smart-search-mark{color:#d07a8d;font-style:normal;font-weight:700;} #nav-search-input:focus{box-shadow:0 0 0 1px rgba(122,38,55,.18) inset;} @media(max-width:660px){ .smart-search-popover{position:fixed;left:12px;right:12px;top:58px;width:auto;max-width:none;max-height:52vh;border-radius:7px;transform-origin:top center} .smart-search-results{max-height:calc(52vh - 48px)} .smart-search-head-tip{display:none} } .article-title-main{font:700 clamp(19px,1.75vw,26px)/1.42 var(--serif);} @media (max-width:700px){ .article-title-main{font-size:20px;line-height:1.45;} } .title-size-editor{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 11px;border:1px solid rgba(122,38,55,.22);border-radius:6px;background:rgba(122,38,55,.045);} .title-size-presets{display:flex;gap:6px;flex-wrap:wrap;} .title-size-preset{height:34px;padding:0 10px;border:1px solid #4b3037;border-radius:4px;background:linear-gradient(180deg,#171113,#100d0e);color:#c6b7bb;cursor:pointer;font:500 12px/1 var(--sans);transition:.16s ease;} .title-size-preset:hover{border-color:#8D3345;color:#fff;background:rgba(122,38,55,.24);transform:translateY(-1px);} .title-size-preset.is-active{border-color:#9f4255;color:#fff;background:linear-gradient(180deg,rgba(141,51,69,.42),rgba(90,28,41,.42));box-shadow:0 0 0 1px rgba(141,51,69,.16) inset;} .title-size-custom{position:relative;width:86px;height:34px;} .title-size-custom input{width:86px!important;height:34px!important;padding:0 27px 0 9px!important;text-align:center;font:600 12px/1 var(--sans);} .title-size-stepper{position:absolute;right:1px;top:1px;bottom:1px;width:25px;display:grid;grid-template-rows:1fr 1fr;border-left:1px solid #4b3037;overflow:hidden;border-radius:0 3px 3px 0;} .title-size-step{border:0;background:#151113;color:#8f8185;cursor:pointer;font:700 8px/1 var(--sans);padding:0;transition:.14s ease;} .title-size-step:first-child{border-bottom:1px solid #35262a;} .title-size-step:hover{background:#2a151b;color:#fff;} .title-size-live{margin-left:auto;color:#8f8185;font:500 11px/1.2 var(--sans);white-space:nowrap;} @media (max-width:700px){ .title-size-live{width:100%;margin-left:0;} } .nav-feature-category .count, .nav-feature-tags .nav-tag-cloud em, .nav-feature-archive .count{margin-left:14px!important;padding:0!important;color:#736A6D!important;font:400 11px/1.45 var(--sans)!important;font-style:normal!important;letter-spacing:0!important;white-space:nowrap!important;} @media (min-width:901px){ .nav-feature-tags .nav-tag-cloud{display:grid!important;grid-template-columns:max-content;width:max-content!important;max-width:244px;} .nav-feature-tags .nav-tag-cloud a{width:100%!important;} } .body-format-row{display:grid;gap:10px;padding:11px 12px;border:1px solid rgba(122,38,55,.22);border-radius:6px;background:rgba(122,38,55,.045);} .body-format-top{display:flex;flex-wrap:wrap;align-items:end;gap:9px;} .body-format-item{display:grid;gap:6px;min-width:0;} .body-format-item>span,.body-format-label{color:#8f8185;font:500 11px/1.2 var(--sans);letter-spacing:.03em;} .body-size-control{display:flex;align-items:center;gap:6px;} .body-size-control input{width:74px!important;height:36px;padding:7px 9px!important;} .body-size-custom{position:relative;width:92px;gap:0;} .body-size-custom input{width:92px!important;padding:0 29px 0 11px!important;text-align:center;} .body-size-presets{display:flex;align-items:center;gap:6px;flex-wrap:wrap;} .body-size-preset,.body-format-tool,.body-format-apply,.body-format-clear{height:36px;padding:0 11px;border:1px solid #4b3037;border-radius:4px;background:linear-gradient(180deg,#171113,#100d0e);color:#c6b7bb;cursor:pointer;font:500 12px/1 var(--sans);transition:border-color .16s,color .16s,background .16s,transform .16s,box-shadow .16s;} .body-size-preset:hover,.body-format-tool:hover,.body-format-apply:hover,.body-format-clear:hover{border-color:#8D3345;color:#fff;background:rgba(122,38,55,.24);transform:translateY(-1px);} .body-size-preset.is-active,.body-format-tool.is-active{border-color:#9f4255;color:#fff;background:linear-gradient(180deg,rgba(141,51,69,.42),rgba(90,28,41,.42));box-shadow:0 0 0 1px rgba(141,51,69,.16) inset;} .body-format-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;} .body-format-tool strong{font-family:var(--serif);font-size:15px;} .body-format-live{display:flex;align-items:center;gap:7px;color:#8f8185;font:500 11px/1.2 var(--sans);margin-left:auto;} .body-format-live i{width:15px;height:15px;border-radius:50%;background:var(--live-color,#D6D0D1);border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 2px #0d0d0d inset;} .body-color-section{display:grid;gap:7px;} .body-color-line{display:flex;flex-wrap:wrap;align-items:center;gap:7px;} .body-color-swatches,.body-recent-colors{display:flex;flex-wrap:wrap;align-items:center;gap:6px;} .body-color-swatch{width:27px;height:27px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:0;cursor:pointer;background:var(--swatch);box-shadow:0 0 0 2px #0d0d0d inset;transition:transform .14s,border-color .14s;} .body-color-swatch:hover{transform:translateY(-1px) scale(1.07);border-color:rgba(255,255,255,.42);} .body-color-swatch.is-empty{background:transparent;border-style:dashed;cursor:default;opacity:.42;} .body-color-picker-wrap{display:flex;align-items:center;gap:7px;margin-left:3px;} .body-color-picker-wrap input[type="color"]{width:35px!important;height:31px;padding:2px!important;cursor:pointer;border-radius:4px;} .body-color-picker-wrap code{color:#8d8084;font:500 10px/1 var(--cond);} .body-format-hint{margin:0;color:#786d70;font:400 11px/1.65 var(--sans);} .rich-body-editor{min-height:280px;max-height:560px;overflow:auto;margin-top:10px;padding:22px clamp(16px,4vw,42px);border:1px solid #3b272c;border-radius:6px;background:radial-gradient(circle at 50% 0%,rgba(122,38,55,.06),transparent 38%),#080808;color:#D6D0D1;font:400 17px/1.9 var(--serif);outline:none;white-space:pre-wrap;word-break:break-word;scrollbar-width:thin;scrollbar-color:#7A2637 #0b090a;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);} .rich-body-editor:focus{border-color:#7A2637;box-shadow:0 0 0 2px rgba(122,38,55,.12);} .rich-body-editor:empty::before{content:attr(data-placeholder);color:#675d60;pointer-events:none;} .rich-body-editor::-webkit-scrollbar{width:8px;} .rich-body-editor::-webkit-scrollbar-track{background:#0b090a;} .rich-body-editor::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8D3345,#5a1c29);border:2px solid #0b090a;border-radius:999px;} .rich-body-editor p,.rich-body-editor div{margin:0 auto 11px;max-width:760px;} .rich-body-editor h2{font-size:27px;line-height:1.45;margin:18px 0 9px;} .rich-body-editor h3{font-size:21px;line-height:1.45;margin:16px 0 8px;} .rich-body-editor blockquote{margin:12px 0;padding-left:13px;border-left:2px solid #7A2637;color:#c4b7ba;} #ed-body{display:none!important;} .body-size-custom{position:relative;width:104px;height:36px;display:grid!important;grid-template-columns:minmax(0,1fr) 28px;gap:0!important;overflow:hidden;border:1px solid #4b3037;border-radius:4px;background:linear-gradient(180deg,#121011,#090809);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .16s ease,box-shadow .16s ease;} .body-size-custom:focus-within{border-color:#8D3345;box-shadow:0 0 0 2px rgba(122,38,55,.12),inset 0 1px 0 rgba(255,255,255,.025);} #ed-rich-font-size{appearance:textfield;-moz-appearance:textfield;width:100%!important;height:34px!important;min-width:0;padding:0 8px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#eee!important;font:600 12px/1 var(--cond)!important;text-align:center;box-shadow:none!important;outline:none!important;} #ed-rich-font-size:focus{border:0!important;box-shadow:none!important;} #ed-rich-font-size::-webkit-inner-spin-button,#ed-rich-font-size::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;} .body-size-stepper{height:34px;display:grid;grid-template-rows:1fr 1fr;border-left:1px solid #3d282d;background:#0d0a0b;} .body-size-step{min-width:0;padding:0;border:0;background:linear-gradient(180deg,#1b1114,#120d0f);color:#9e858b;cursor:pointer;font:600 8px/1 var(--sans);display:flex;align-items:center;justify-content:center;transition:background .14s ease,color .14s ease;} .body-size-step:first-child{border-bottom:1px solid #322126;} .body-size-step:hover{background:linear-gradient(180deg,#351923,#201116);color:#fff;} .body-size-step:active{background:#4a202b;color:#fff;} .body-size-step:focus-visible{outline:1px solid #a64b5e;outline-offset:-2px;} #ed-image,#ed-card-preview-images,#ed-article-images{min-height:42px;padding:5px 7px!important;border:1px solid #3b272c!important;border-radius:5px!important;background:linear-gradient(180deg,#0e0b0c,#080708)!important;color:#8f8185!important;font:500 12px/1.4 var(--sans)!important;cursor:pointer;} #ed-image:hover,#ed-card-preview-images:hover,#ed-article-images:hover{border-color:#70404b!important;} #ed-image:focus,#ed-card-preview-images:focus,#ed-article-images:focus{border-color:#8D3345!important;box-shadow:0 0 0 2px rgba(122,38,55,.10);} #ed-image::file-selector-button,#ed-card-preview-images::file-selector-button,#ed-article-images::file-selector-button{appearance:none;margin:0 11px 0 0;padding:8px 13px;border:1px solid #5b313b;border-radius:4px;background:linear-gradient(180deg,#241419,#150e10);color:#d8c7cb;cursor:pointer;font:600 12px/1 var(--sans);transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;} #ed-image:hover::file-selector-button,#ed-card-preview-images:hover::file-selector-button,#ed-article-images:hover::file-selector-button{border-color:#8D3345;background:linear-gradient(180deg,#351923,#201116);color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.18);} #ed-image::-webkit-file-upload-button,#ed-card-preview-images::-webkit-file-upload-button,#ed-article-images::-webkit-file-upload-button{margin:0 11px 0 0;padding:8px 13px;border:1px solid #5b313b;border-radius:4px;background:linear-gradient(180deg,#241419,#150e10);color:#d8c7cb;cursor:pointer;font:600 12px/1 var(--sans);} @media (max-width:700px){ .body-format-top{align-items:stretch;} .body-format-item{width:100%;} .body-size-control{width:100%;} .body-size-custom{width:104px!important;} .body-size-custom input{width:100%!important;} } #admin-nav-settings{display:none!important;} body.admin-mode #admin-nav-settings{display:inline-flex!important;align-items:center;gap:5px;} .nav-settings-backdrop{position:fixed;inset:0;z-index:1350;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.76);backdrop-filter:blur(8px);} .nav-settings-backdrop.is-open{display:flex;} .nav-settings-modal{width:min(720px,100%);max-height:88vh;overflow:hidden;background:#101010;color:#F2F2F2;border:1px solid #4a2830;border-radius:8px;box-shadow:0 25px 80px rgba(0,0,0,.68);display:flex;flex-direction:column;min-height:0;} .nav-settings-head{flex:0 0 auto;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:#101010;border-bottom:1px solid #2A1A1E;} .nav-settings-head h3{margin:0;font:700 19px/1.3 var(--serif);} .nav-settings-close{border:0;background:none;color:#aaa;font-size:24px;cursor:pointer;} .nav-settings-body{display:grid;gap:16px;padding:18px;overflow-y:auto;overflow-x:hidden;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7A2637 #0b090a;} .nav-settings-body::-webkit-scrollbar{width:8px;} .nav-settings-body::-webkit-scrollbar-track{background:#0b090a;} .nav-settings-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8D3345,#5a1c29);border:2px solid #0b090a;border-radius:999px;} .nav-settings-note{margin:0;color:#8f8185;font:400 11px/1.7 var(--sans);} .nav-settings-builtins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} .nav-settings-field{display:grid;gap:6px;} .nav-settings-field label,.nav-custom-title{color:#c9b5ba;font:500 12px/1.3 var(--sans);letter-spacing:.04em;} .nav-settings-field input,.nav-custom-row input{width:100%;min-width:0;border:1px solid #3b272c;background:#080808;color:#f2f2f2;border-radius:4px;padding:9px 10px;font:14px/1.5 var(--sans);outline:none;} .nav-settings-field input:focus,.nav-custom-row input:focus{border-color:#7A2637;} .nav-custom-section{display:grid;gap:9px;padding-top:4px;border-top:1px solid rgba(122,38,55,.18);} .nav-custom-top{display:flex;align-items:center;justify-content:space-between;gap:10px;} .nav-custom-add{border:1px solid #4b3037;background:#171113;color:#cdbdc1;border-radius:4px;padding:8px 11px;cursor:pointer;font:500 12px var(--sans);} .nav-custom-add:hover{border-color:#8D3345;color:#fff;background:rgba(122,38,55,.24);} .nav-custom-list{display:grid;gap:8px;} .nav-custom-row{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(180px,1.4fr) auto;gap:8px;align-items:center;} .nav-custom-remove{width:36px;height:36px;border:1px solid #4b3037;background:#171113;color:#d79aa5;border-radius:4px;cursor:pointer;font-size:18px;} .nav-custom-remove:hover{background:#7A2637;color:#fff;border-color:#7A2637;} .nav-settings-actions{flex:0 0 auto;display:flex;justify-content:flex-end;gap:9px;padding:12px 18px;border-top:1px solid #2A1A1E;background:linear-gradient(180deg,#111,#0d0d0d);box-shadow:0 -12px 26px rgba(0,0,0,.22);} .nav-settings-actions button{border:1px solid #4b3037;background:#171717;color:#ddd;padding:9px 14px;border-radius:4px;cursor:pointer;font:500 13px var(--sans);} .nav-settings-actions .primary{background:#7A2637;border-color:#7A2637;color:#fff;} .home-card-title-size-row{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin-top:10px;} .home-card-title-preset{min-width:58px;border:1px solid #4b3037;background:#141112;color:#cfc5c7;border-radius:5px;padding:9px 11px;cursor:pointer;font:600 12px/1 var(--sans);transition:border-color .18s,background .18s,color .18s,transform .18s;} .home-card-title-preset:hover,.home-card-title-preset.is-active{border-color:#8D3345;background:#2a1118;color:#fff;transform:translateY(-1px);} .home-card-title-custom{height:36px;display:grid;grid-template-columns:58px 24px;border:1px solid #4b3037;border-radius:5px;overflow:hidden;background:#111;} .home-card-title-custom:focus-within{border-color:#8D3345;box-shadow:0 0 0 2px rgba(122,38,55,.13);} .home-card-title-custom input{width:58px;min-width:0;border:0!important;background:#111!important;color:#eee!important;text-align:center;padding:0 5px!important;font:600 13px var(--sans);outline:0;appearance:textfield;-moz-appearance:textfield;} .home-card-title-custom input::-webkit-inner-spin-button,.home-card-title-custom input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;} .home-card-title-stepper{display:grid;grid-template-rows:1fr 1fr;border-left:1px solid #3d252b;} .home-card-title-stepper button{width:24px;border:0;background:#1b1215;color:#bcaeb1;padding:0;cursor:pointer;font-size:7px;line-height:1;transition:background .15s,color .15s;} .home-card-title-stepper button:first-child{border-bottom:1px solid #3d252b;} .home-card-title-stepper button:hover{background:#7A2637;color:#fff;} .nav-custom-link{white-space:nowrap;} .nav-order-settings{display:grid;gap:10px;padding:13px;border:1px solid rgba(122,38,55,.24);border-radius:7px;background:rgba(6,6,6,.42);} .nav-order-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;} .nav-order-settings-head strong{color:#d8c9cd;font:650 12px/1.4 var(--sans);letter-spacing:.04em;} .nav-order-settings-head span{max-width:390px;color:#7f7074;font:400 10px/1.55 var(--sans);text-align:right;} .nav-order-list{display:grid;gap:7px;} .nav-order-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:7px;align-items:center;min-height:40px;padding:6px 7px;border:1px solid #342126;border-radius:6px;background:#0a0909;} .nav-order-position{display:grid;place-items:center;width:28px;height:28px;border:1px solid #3c272d;border-radius:5px;background:#121011;color:#8e777d;font:650 10px/1 var(--sans);} .nav-order-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ddd2d5;font:600 12px/1.35 var(--sans);} .nav-order-label small{margin-left:8px;color:#725f64;font:500 9px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;} .nav-order-move{height:30px;min-width:62px;border:1px solid #4b3037;border-radius:5px;background:#161113;color:#c9b9bd;padding:0 9px;cursor:pointer;font:600 10px/1 var(--sans);transition:border-color .15s,background .15s,color .15s;} .nav-order-move:hover:not(:disabled){border-color:#8D3345;background:#2b141b;color:#fff;} .nav-order-move:disabled{opacity:.28;cursor:not-allowed;} @media (max-width:620px){ .nav-order-settings-head{display:grid;} .nav-order-settings-head span{text-align:left;} .nav-order-row{grid-template-columns:32px minmax(0,1fr) 52px 52px;} .nav-order-move{min-width:0;padding:0 5px;font-size:9px;} } @media (max-width:620px){ .nav-settings-builtins{grid-template-columns:1fr;} .nav-custom-row{grid-template-columns:1fr 42px;} .nav-custom-row .nav-custom-url{grid-column:1/-1;grid-row:2;} .nav-custom-remove{grid-column:2;grid-row:1;} } .nav-custom-section .nav-custom-list{gap:10px;} .nav-custom-row{ display:grid !important; grid-template-columns:1fr !important; gap:0 !important; align-items:stretch !important; overflow:hidden; border:1px solid rgba(122,38,55,.30); border-radius:7px; background:linear-gradient(180deg,rgba(12,10,10,.92),rgba(7,7,7,.96)); } .nav-custom-row-head{ display:grid; grid-template-columns:minmax(150px,.8fr) 132px minmax(190px,1.3fr) 36px; gap:8px; align-items:center; padding:10px; } .nav-custom-row.is-page .nav-custom-row-head{grid-template-columns:minmax(160px,1fr) 150px 36px;} .nav-custom-row input, .nav-custom-row select, .nav-custom-row textarea{ width:100%;min-width:0; border:1px solid #3b272c; background:#080808; color:#f2f2f2; border-radius:4px; padding:9px 10px; font:14px/1.5 var(--sans); outline:none; } .nav-custom-row select{height:41px;cursor:pointer;color:#d8cdd0;} .nav-custom-row input:focus, .nav-custom-row select:focus, .nav-custom-row textarea:focus{border-color:#7A2637;box-shadow:0 0 0 2px rgba(122,38,55,.10);} .nav-custom-row .nav-custom-url[hidden]{display:none !important;} .nav-custom-link-box{display:grid;gap:7px;min-width:0;} .nav-custom-link-box[hidden]{display:none !important;} .nav-custom-newtab{ display:inline-flex; align-items:center; gap:7px; width:max-content; max-width:100%; color:#9b898e; font:500 10px/1.25 var(--sans); cursor:pointer; user-select:none; } .nav-custom-newtab-input{ appearance:none !important; -webkit-appearance:none !important; width:17px !important; height:17px !important; min-width:17px !important; padding:0 !important; margin:0 !important; border:1px solid #69404a !important; border-radius:4px !important; background:#0b090a !important; display:grid; place-items:center; cursor:pointer; transition:border-color .16s ease,background .16s ease,box-shadow .16s ease; } .nav-custom-newtab-input::after{ content:'✓'; color:#fff; font:700 12px/1 var(--sans); opacity:0; transform:scale(.7); transition:opacity .14s ease,transform .14s ease; } .nav-custom-newtab-input:checked{ border-color:#a6475d !important; background:#7A2637 !important; box-shadow:0 0 0 3px rgba(122,38,55,.15); } .nav-custom-newtab-input:checked::after{opacity:1;transform:scale(1);} .nav-custom-newtab:hover{color:#d5c7ca;} .nav-custom-remove{align-self:stretch;min-height:40px;} .nav-custom-page-panel{ display:grid; gap:11px; padding:12px; border-top:1px solid rgba(122,38,55,.20); background:rgba(6,6,6,.58); } .nav-custom-page-panel[hidden]{display:none !important;} .nav-custom-page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:0 1px;} .nav-custom-page-intro strong{color:#d6c7cb;font:650 11px/1.4 var(--sans);letter-spacing:.035em;} .nav-custom-page-intro span{max-width:520px;color:#75686c;font:400 10px/1.55 var(--sans);text-align:right;} .nav-custom-page-title-field{display:grid;gap:6px;} .nav-custom-page-title-field label,.nav-custom-page-content-field label{color:#c9b5ba;font:500 11px/1.3 var(--sans);letter-spacing:.03em;} .nav-custom-page-content-field{display:grid;gap:6px;} .nav-custom-page-content-field textarea{min-height:160px;resize:vertical;line-height:1.65;} .nav-custom-page-panel .site-page-font-settings, .nav-custom-page-panel .site-page-links-settings{margin:0;} .nav-custom-page-panel .site-page-font-control input{font-size:12px;padding:7px 8px;} .nav-custom-page-format-note{margin:0;color:#706469;font:400 10px/1.55 var(--sans);} .nav-custom-page-links-list{display:grid;gap:7px;} @media(max-width:780px){ .nav-custom-row-head,.nav-custom-row.is-page .nav-custom-row-head{grid-template-columns:1fr 125px 38px;} .nav-custom-row:not(.is-page) .nav-custom-link-box{grid-column:1/-1;grid-row:2;} .nav-custom-row:not(.is-page) .nav-custom-remove{grid-column:3;grid-row:1;} .nav-custom-page-intro{display:grid;}.nav-custom-page-intro span{text-align:left;} } @media(max-width:520px){ .nav-custom-row-head,.nav-custom-row.is-page .nav-custom-row-head{grid-template-columns:1fr 38px;} .nav-custom-type{grid-column:1;grid-row:2;} .nav-custom-row:not(.is-page) .nav-custom-link-box{grid-column:1/-1;grid-row:3;} .nav-custom-remove{grid-column:2;grid-row:1;} } .nav-custom-page-intro-field{display:grid;gap:6px;} .nav-custom-page-intro-field label,.nav-custom-color-settings-title{color:#c9b5ba;font:500 11px/1.3 var(--sans);letter-spacing:.03em;} .nav-custom-page-intro-field textarea{min-height:82px;resize:vertical;line-height:1.6;} .nav-custom-color-settings{display:grid;gap:8px;padding:11px;border:1px solid rgba(122,38,55,.18);border-radius:6px;background:#080707;} .nav-custom-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;} .nav-custom-color-field{display:grid;grid-template-columns:1fr 42px;align-items:center;gap:8px;padding:8px 9px;border:1px solid #35252a;border-radius:5px;background:#0b090a;} .nav-custom-color-field span{color:#86797d;font:500 10px/1.3 var(--sans);}.nav-custom-color-field input[type="color"]{width:42px;height:30px;padding:2px;border:1px solid #4a3037;border-radius:4px;background:#080808;cursor:pointer;} .nav-custom-media-settings{display:grid;gap:9px;padding:11px;border:1px solid rgba(122,38,55,.18);border-radius:6px;background:#080707;}.nav-custom-media-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}.nav-custom-media-head strong{color:#9e8e92;font:650 10px/1.2 var(--sans);letter-spacing:.03em;} .nav-custom-image-add{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border:1px solid #4b3036;border-radius:5px;background:#130d0f;color:#bfaeb2;cursor:pointer;font:600 10px/1 var(--sans);}.nav-custom-image-add:hover{border-color:#7A2637;color:#fff;}.nav-custom-image-add input{position:absolute;inset:0;opacity:0;cursor:pointer;} .nav-custom-image-list{display:grid;gap:7px;}.nav-custom-image-empty{padding:10px;border:1px dashed rgba(122,38,55,.20);border-radius:5px;color:#6f6265;font:10px/1.5 var(--sans);text-align:center;}.nav-custom-image-row{display:grid;grid-template-columns:88px minmax(0,1fr) 34px;gap:8px;align-items:center;padding:8px;border:1px solid rgba(122,38,55,.20);border-radius:6px;background:#090808;}.nav-custom-image-preview{width:88px;height:62px;object-fit:cover;border:1px solid #38252b;border-radius:5px;background:#050505;}.nav-custom-image-caption{width:100%;min-width:0;border:1px solid #3d2930;border-radius:5px;background:#080808;color:#eee;padding:8px 9px;outline:none;font:500 11px/1.35 var(--sans);}.nav-custom-image-caption:focus{border-color:#7A2637;box-shadow:0 0 0 2px rgba(122,38,55,.11);}.nav-custom-image-remove{width:34px;height:34px;border:1px solid #4b3036;border-radius:5px;background:#130d0f;color:#a9858e;cursor:pointer;font:700 16px/1 var(--sans);}.nav-custom-image-remove:hover{background:#5d1e2d;color:#fff;border-color:#7A2637;}.nav-custom-media-note{margin:0;color:#6f6265;font:400 9.5px/1.5 var(--sans);} @media(max-width:620px){.nav-custom-color-grid{grid-template-columns:1fr}.nav-custom-image-row{grid-template-columns:70px minmax(0,1fr) 34px}.nav-custom-image-preview{width:70px;height:56px}} .brand-main{display:inline;} .brand,.brand-latin,.brand-note{max-width:min(92vw,920px);overflow-wrap:anywhere;} .brand-latin{line-height:1.55;} .brand-note{line-height:1.75;} .masthead-settings{display:grid;gap:10px;padding:13px;border:1px solid rgba(122,38,55,.24);border-radius:7px;background:rgba(6,6,6,.42);} .masthead-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;} .masthead-settings-head strong{color:#d8c9cd;font:650 12px/1.4 var(--sans);letter-spacing:.04em;} .masthead-settings-head span{color:#7f7074;font:400 10px/1.55 var(--sans);text-align:right;} .masthead-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} .masthead-settings-grid .nav-settings-field:last-child{grid-column:1/-1;} .masthead-settings-grid .nav-settings-field:last-child input{font-size:13px;} @media(max-width:620px){.masthead-settings-head{display:grid}.masthead-settings-head span{text-align:left}.masthead-settings-grid{grid-template-columns:1fr}.masthead-settings-grid .nav-settings-field:last-child{grid-column:auto;}} .site-image-settings{display:grid;gap:11px;padding:13px;border:1px solid rgba(122,38,55,.24);border-radius:7px;background:rgba(6,6,6,.42)} .site-image-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} .site-image-settings-head strong{color:#d8c9cd;font:650 12px/1.4 var(--sans);letter-spacing:.04em} .site-image-settings-head span{color:#7f7074;font:400 10px/1.55 var(--sans);text-align:right;max-width:720px} .site-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .site-image-card{display:grid;gap:9px;padding:10px;border:1px solid rgba(122,38,55,.18);border-radius:7px;background:rgba(8,8,8,.50)} .site-image-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px} .site-image-card-top strong{color:#d4c6ca;font:650 11px/1.3 var(--sans);letter-spacing:.03em} .site-image-state{color:#8e7b80;font:500 10px/1.45 var(--sans);text-align:right} .site-image-preview{height:92px;border-radius:6px;border:1px solid rgba(122,38,55,.28);background-color:#0a0809;background-size:cover;background-position:center;position:relative;overflow:hidden} .site-image-preview::after{content:'\9884 \89C8 ';position:absolute;right:8px;bottom:6px;color:rgba(230,218,221,.78);font:600 9px/1 var(--sans);letter-spacing:.08em;padding:4px 6px;border-radius:999px;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.06)} .site-image-field{display:grid;gap:5px} .site-image-field label{color:#b9aaae;font:500 10px/1.3 var(--sans)} .site-image-field input[type="text"]{width:100%;min-width:0;border:1px solid #3f292f;background:#090909;color:#ddd3d5;border-radius:5px;padding:8px 9px;font:500 11px/1.25 var(--sans);outline:none} .site-image-field input[type="text"]:focus{border-color:#8D3345;box-shadow:0 0 0 2px rgba(122,38,55,.12)} .site-image-actions{display:flex;flex-wrap:wrap;gap:7px} .site-image-btn,.site-image-upload{border:1px solid #4b3037;background:#151112;color:#cfc3c6;border-radius:5px;padding:7px 10px;cursor:pointer;font:600 10px/1 var(--sans);text-decoration:none;display:inline-flex;align-items:center;justify-content:center} .site-image-btn:hover,.site-image-upload:hover{border-color:#8D3345;background:#25141a;color:#fff} .site-image-file{display:none} .site-image-note{color:#75686c;font:400 10px/1.55 var(--sans)} @media(max-width:980px){.site-image-grid{grid-template-columns:1fr}} @media(max-width:620px){.site-image-settings-head{display:grid}.site-image-settings-head span{text-align:left}} .footer-main-settings{ display:grid; gap:12px; padding:13px; border:1px solid rgba(122,38,55,.24); border-radius:7px; background:rgba(6,6,6,.42); } .footer-main-settings-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding-bottom:2px; } .footer-main-settings-head > div{min-width:0;} .footer-main-settings-head strong{color:#d8c9cd;font:650 12px/1.4 var(--sans);letter-spacing:.04em;} .footer-main-settings-head p{margin:4px 0 0;color:#75686c;font:400 10px/1.55 var(--sans);} .footer-main-settings-head > span{max-width:280px;color:#7f7074;font:400 10px/1.55 var(--sans);text-align:right;} .footer-main-control-section{ display:grid; gap:9px; padding:11px; border:1px solid rgba(122,38,55,.17); border-radius:7px; background:linear-gradient(180deg,rgba(16,12,13,.68),rgba(8,8,8,.72)); } .footer-main-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;} .footer-main-section-title strong{color:#bfb1b5;font:650 10px/1.3 var(--sans);letter-spacing:.08em;} .footer-main-section-title span{color:#6f6266;font:400 9px/1.45 var(--sans);text-align:right;} .footer-main-toggle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;} .footer-main-toggle{ position:relative; min-width:0; display:flex; align-items:center; gap:9px; min-height:52px; padding:8px 10px; border:1px solid #342126; border-radius:6px; background:#0b0a0a; color:#c8bcc0; cursor:pointer; transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease; } .footer-main-toggle:hover{ border-color:#6e3442; background:linear-gradient(90deg,rgba(122,38,55,.15),rgba(12,10,11,.9)); transform:translateY(-1px); box-shadow:0 5px 13px rgba(0,0,0,.18); } .footer-main-toggle input{ flex:0 0 auto; width:15px; height:15px; margin:0; appearance:none; -webkit-appearance:none; border:1px solid #65404a; border-radius:4px; background:#080808; display:grid; place-items:center; cursor:pointer; } .footer-main-toggle input::after{ content:'✓'; color:#fff; font:700 10px/1 var(--sans); opacity:0; transform:scale(.65); transition:opacity .14s ease,transform .14s ease; } .footer-main-toggle input:checked{border-color:#8D3345;background:#7A2637;box-shadow:0 0 0 2px rgba(122,38,55,.12);} .footer-main-toggle input:checked::after{opacity:1;transform:scale(1);} .footer-main-toggle > span{display:grid;gap:3px;min-width:0;} .footer-main-toggle b{color:#d5c9cc;font:600 10px/1.25 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .footer-main-toggle small{color:#75686c;font:400 8.5px/1.3 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .footer-main-size-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;} .footer-main-size-field{ min-width:0; display:grid; grid-template-columns:minmax(0,1fr) 82px; align-items:center; gap:8px; min-height:52px; padding:8px 9px; border:1px solid #342126; border-radius:6px; background:#0b0a0a; } .footer-main-size-field label{display:grid;gap:3px;min-width:0;cursor:default;} .footer-main-size-field label span{color:#c8bcc0;font:600 10px/1.25 var(--sans);} .footer-main-size-field label small{color:#665a5e;font:400 8.5px/1.2 var(--sans);} .footer-size-input-wrap{ height:32px; display:grid; grid-template-columns:minmax(0,1fr) 25px; align-items:center; overflow:hidden; border:1px solid #4b3037; border-radius:5px; background:#101010; transition:border-color .16s ease,box-shadow .16s ease; } .footer-size-input-wrap:focus-within{border-color:#8D3345;box-shadow:0 0 0 2px rgba(122,38,55,.12);} .footer-size-input-wrap input{ width:100%; min-width:0; height:30px; border:0!important; outline:0!important; background:transparent!important; color:#eee!important; padding:0 4px 0 8px!important; text-align:center; font:650 11px/1 var(--sans)!important; appearance:textfield; -moz-appearance:textfield; } .footer-size-input-wrap input::-webkit-inner-spin-button,.footer-size-input-wrap input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;} .footer-size-input-wrap em{height:100%;display:grid;place-items:center;border-left:1px solid #362329;color:#806d72;font:600 8px/1 var(--sans);font-style:normal;background:#151112;} @media(max-width:1000px){.footer-main-toggle-grid,.footer-main-size-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:620px){ .footer-main-settings-head,.footer-main-section-title{display:grid;} .footer-main-settings-head > span,.footer-main-section-title span{text-align:left;max-width:none;} .footer-main-toggle-grid,.footer-main-size-grid{grid-template-columns:1fr;} } .footer-bottom-settings{display:grid;gap:11px;padding:13px;border:1px solid rgba(122,38,55,.24);border-radius:7px;background:rgba(6,6,6,.42);} .footer-bottom-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;} .footer-bottom-settings-head strong{color:#d8c9cd;font:650 12px/1.4 var(--sans);letter-spacing:.04em;} .footer-bottom-settings-head span{color:#7f7074;font:400 10px/1.55 var(--sans);text-align:right;} .footer-bottom-links-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px;} .footer-bottom-links-title{color:#b7a8ac;font:600 11px/1.3 var(--sans);} .footer-bottom-add{border:1px solid #4b3037;background:#151112;color:#cfc3c6;border-radius:5px;padding:7px 10px;cursor:pointer;font:600 10px/1 var(--sans);} .footer-bottom-add:hover{border-color:#8D3345;background:#25141a;color:#fff;} .footer-bottom-link-list{display:grid;gap:7px;} .footer-bottom-link-row{display:grid;grid-template-columns:minmax(110px,.75fr) 118px minmax(180px,1.35fr) 32px;gap:7px;align-items:center;} .footer-bottom-link-row input,.footer-bottom-link-row select{width:100%;min-width:0;border:1px solid #3f292f;background:#090909;color:#ddd3d5;border-radius:5px;padding:8px 9px;font:500 11px/1.25 var(--sans);outline:none;} .footer-bottom-link-row input:focus,.footer-bottom-link-row select:focus{border-color:#8D3345;box-shadow:0 0 0 2px rgba(122,38,55,.12);} .footer-bottom-link-remove{width:32px;height:32px;border:1px solid #4b3037;background:#151112;color:#a9989d;border-radius:5px;cursor:pointer;font:500 16px/1 var(--sans);} .footer-bottom-link-remove:hover{border-color:#8D3345;background:#35151e;color:#fff;} .footer-bottom-empty{padding:9px 10px;border:1px dashed rgba(122,38,55,.22);border-radius:5px;color:#74696c;font:400 10px/1.55 var(--sans);} .footer-bottom-settings .nav-settings-field input{width:100%;} @media(max-width:700px){.footer-bottom-settings-head{display:grid}.footer-bottom-settings-head span{text-align:left}.footer-bottom-link-row{grid-template-columns:1fr 105px 32px}.footer-bottom-link-row .footer-bottom-link-value{grid-column:1/-1;grid-row:2}.footer-bottom-link-remove{grid-column:3;grid-row:1}.footer-bottom-link-type{grid-column:2;grid-row:1}.footer-bottom-link-name{grid-column:1;grid-row:1}} body.admin-mode #admin-logout,body.admin-mode #admin-nav-settings{display:inline-flex!important;align-items:center;gap:5px;} .nav-settings-modal{width:min(900px,100%);max-height:90vh;} .nav-settings-head h3{display:flex;align-items:center;gap:9px;} .nav-settings-head h3::before{content:"◆";font-size:9px;color:#8D3345;} .management-center-lead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px;border:1px solid rgba(122,38,55,.32);border-radius:8px;background:linear-gradient(180deg,rgba(122,38,55,.10),rgba(8,8,8,.65));} .management-center-lead h4{margin:0 0 5px;color:#eee3e6;font:700 15px/1.3 var(--serif);} .management-center-lead p{margin:0;color:#9d8d91;font:400 11px/1.65 var(--sans);} .management-center-new{min-height:40px;padding:0 16px;border:1px solid #8D3345;border-radius:5px;background:linear-gradient(180deg,#8D3345,#6f2131);color:#fff;cursor:pointer;font:700 13px/1 var(--sans);white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.22);} .management-center-new:hover{background:linear-gradient(180deg,#a14257,#7A2637);} .management-center-section{display:grid;gap:11px;padding:14px;border:1px solid rgba(122,38,55,.22);border-radius:8px;background:rgba(7,7,7,.42);} .management-center-taxonomy{border:1px solid rgba(122,38,55,.28);border-radius:8px;background:rgba(7,7,7,.52);overflow:hidden;} .management-center-taxonomy>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:13px 14px;cursor:pointer;color:#e1d6d9;font:600 13px/1.4 var(--sans);} .management-center-taxonomy>summary::-webkit-details-marker{display:none;} .management-center-taxonomy>summary small{margin-left:auto;color:#8f7f83;font-weight:400;font-size:11px;} .management-center-taxonomy>summary::after{content:"▾";color:#9d6571;transition:transform .18s ease;} .management-center-taxonomy[open]>summary::after{transform:rotate(180deg);} .management-center-taxonomy .taxonomy-manager-note{padding:0 14px 12px;} .management-center-taxonomy .taxonomy-manager-grid{padding:14px;border-top:1px solid rgba(122,38,55,.16);} .management-center-site-settings{display:block;padding:0;overflow:hidden;} .management-center-site-settings>summary, .management-center-faq>summary, .management-center-site-pages>summary{list-style:none;display:flex;align-items:flex-start;gap:12px;padding:14px;cursor:pointer;user-select:none;} .management-center-site-settings>summary::-webkit-details-marker, .management-center-faq>summary::-webkit-details-marker, .management-center-site-pages>summary::-webkit-details-marker{display:none;} .management-center-site-settings>summary h4, .management-center-faq>summary h4, .management-center-site-pages>summary h4{margin:0;color:#ddd1d4;font:700 13px/1.35 var(--sans);} .management-center-site-settings>summary span, .management-center-faq>summary span, .management-center-site-pages>summary span{margin-left:auto;color:#806f73;font:400 10px/1.5 var(--sans);text-align:right;} .management-center-site-settings>summary::after, .management-center-faq>summary::after, .management-center-site-pages>summary::after{content:"▾";flex:0 0 auto;margin-left:2px;color:#9d6571;font-size:13px;line-height:1.35;transition:transform .18s ease;} .management-center-site-settings[open]>summary::after, .management-center-faq[open]>summary::after, .management-center-site-pages[open]>summary::after{transform:rotate(180deg);} .management-center-site-settings-body, .management-center-faq-body, .management-center-site-pages-body{display:grid;gap:14px;padding:0 14px 14px;border-top:1px solid rgba(122,38,55,.14);} .management-center-site-settings-body>.nav-settings-note{margin-top:12px;margin-bottom:-2px;} .management-center-faq, .management-center-site-pages{display:block;padding:0;overflow:hidden;} .management-center-faq-body, .management-center-site-pages-body{padding-top:14px;} .management-center-site-pages .site-pages-settings{padding:0;border:0;background:none;} .management-center-site-pages .site-pages-settings-head{display:flex;align-items:flex-start;justify-content:flex-end;gap:12px;} .management-center-site-pages .site-pages-settings-head-copy{margin-right:auto;color:#806f73;font:400 10px/1.55 var(--sans);} @media (max-width:700px){ .management-center-lead{grid-template-columns:1fr;} .management-center-new{width:100%;} .nav-settings-modal{max-height:94vh;} .management-center-site-settings>summary,.management-center-faq>summary,.management-center-site-pages>summary{display:grid;grid-template-columns:1fr auto;gap:5px 10px;} .management-center-site-settings>summary span,.management-center-faq>summary span,.management-center-site-pages>summary span{grid-column:1/2;margin-left:0;text-align:left;} .management-center-site-settings>summary::after,.management-center-faq>summary::after,.management-center-site-pages>summary::after{grid-column:2;grid-row:1/3;align-self:center;} .nav-settings-actions{padding:10px 12px;} } .seo-editor-panel{border:1px solid rgba(122,38,55,.42);border-radius:12px;background:linear-gradient(180deg,rgba(16,12,13,.92),rgba(7,7,7,.96));overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.18)} .seo-editor-panel>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:13px 15px;color:#e5dcde;font:600 13px/1.3 var(--sans);letter-spacing:.04em;user-select:none} .seo-editor-panel>summary::-webkit-details-marker{display:none}.seo-editor-panel>summary:after{content:'＋';margin-left:auto;color:#b46b7b;font-size:17px;font-weight:400;transition:transform .2s ease}.seo-editor-panel[open]>summary:after{transform:rotate(45deg)} .seo-editor-panel>summary small{color:#8f7f83;font-size:11px;font-weight:400;letter-spacing:.02em}.seo-editor-content{border-top:1px solid rgba(122,38,55,.24);padding:15px;display:grid;gap:14px} .seo-field{display:grid;gap:7px}.seo-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.seo-label-row label{font-size:12px;color:#cfc3c6;font-weight:600}.seo-label-row span{font-size:10px;color:#806f73;letter-spacing:.03em}.seo-label-row span.is-over{color:#d36b80} .seo-field input,.seo-field textarea{width:100%;border:1px solid rgba(122,38,55,.42);border-radius:8px;background:#090909;color:#e5dfe0;padding:10px 11px;font:500 13px/1.45 var(--sans);outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.seo-field textarea{resize:vertical;min-height:76px}.seo-field input:focus,.seo-field textarea:focus{border-color:#8d3345;background:#0d0a0b;box-shadow:0 0 0 3px rgba(122,38,55,.13)} .seo-input-action{display:flex;align-items:stretch;gap:8px}.seo-input-action input{min-width:0;flex:1}.seo-input-action button{flex:0 0 auto;border:1px solid rgba(122,38,55,.5);border-radius:8px;background:linear-gradient(180deg,#1c1215,#100b0d);color:#d9c9cd;padding:0 12px;cursor:pointer;font:600 11px/1 var(--sans);transition:.18s}.seo-input-action button:hover{border-color:#9a4053;background:#241419;color:#fff} .seo-slug-row{position:relative}.seo-slug-prefix{display:flex;align-items:center;justify-content:center;min-width:28px;border:1px solid rgba(122,38,55,.35);border-radius:8px;background:#0a0809;color:#8d6d74;font:600 14px/1 var(--mono,monospace)} .seo-share-note{display:flex;gap:10px;padding:10px 12px;border:1px dashed rgba(122,38,55,.32);border-radius:9px;background:rgba(122,38,55,.055);font-size:11px;line-height:1.55}.seo-share-note strong{color:#caa9b0;white-space:nowrap}.seo-share-note span{color:#8f8184} .seo-preview{padding:12px 13px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#070707}.seo-preview-kicker{font:600 9px/1 var(--sans);letter-spacing:.16em;color:#7d5962;margin-bottom:8px}.seo-preview-title{font:500 16px/1.3 var(--sans);color:#c9b4ff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seo-preview-url{font:500 11px/1.3 var(--sans);color:#7fae83;margin-bottom:5px}.seo-preview-description{font:400 12px/1.5 var(--sans);color:#a99fa1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} @media(max-width:700px){.seo-input-action{flex-direction:column}.seo-input-action button{min-height:36px}.seo-editor-panel>summary small{display:none}.seo-share-note{flex-direction:column;gap:4px}} .seo-assistant{border:1px solid rgba(122,38,55,.36);border-radius:10px;background:linear-gradient(180deg,rgba(20,12,15,.86),rgba(8,8,8,.94));overflow:hidden} .seo-assistant-head{display:flex;align-items:center;gap:12px;padding:12px 13px;border-bottom:1px solid rgba(122,38,55,.22)} .seo-assistant-title{font:650 12px/1.2 var(--sans);letter-spacing:.04em;color:#e4d9dc}.seo-assistant-title small{display:block;margin-top:4px;font-size:10px;font-weight:400;color:#826e73;letter-spacing:.01em} .seo-assistant-score{margin-left:auto;display:inline-flex;align-items:center;gap:7px;color:#bdaeb2;font:650 11px/1 var(--sans);white-space:nowrap} .seo-assistant-score b{display:grid;place-items:center;min-width:38px;height:26px;padding:0 8px;border:1px solid rgba(122,38,55,.48);border-radius:999px;background:#0b090a;color:#d8c7cb;font-size:11px} .seo-assistant-score.is-good b{border-color:rgba(83,145,101,.56);color:#9fd0aa}.seo-assistant-score.is-mid b{border-color:rgba(184,139,72,.54);color:#d7b77d} .seo-assistant-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:4px 12px 8px} .seo-check{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;padding:9px 6px;border-bottom:1px solid rgba(255,255,255,.045)} .seo-check:nth-last-child(-n+2){border-bottom:0}.seo-check-icon{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;margin-top:1px;border:1px solid #4b353b;background:#0c090a;color:#795d64;font:700 10px/1 var(--sans)} .seo-check.is-done .seo-check-icon{border-color:rgba(91,154,108,.58);background:rgba(74,126,89,.12);color:#9ac8a5}.seo-check-main{min-width:0}.seo-check-name{color:#cfc3c6;font:560 11px/1.35 var(--sans)}.seo-check-note{margin-top:3px;color:#75686b;font:400 10px/1.4 var(--sans)}.seo-check.is-done .seo-check-note{color:#75887a} @media(max-width:700px){.seo-assistant-list{grid-template-columns:1fr}.seo-check:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.045)}.seo-check:last-child{border-bottom:0}} .article-related{ padding:38px clamp(22px,4vw,48px) 42px; border-top:1px solid rgba(122,38,55,.20); background:linear-gradient(180deg,rgba(9,7,8,.34),rgba(0,0,0,.10)); } .article-related[hidden]{display:none!important;} .article-related-head{ display:flex;align-items:flex-end;justify-content:space-between;gap:18px; margin:0 0 18px; } .article-related-kicker{ display:block;margin:0 0 7px;color:#8D3345; font:600 10px/1 var(--cond);letter-spacing:.21em;text-transform:uppercase; } .article-related-title{ margin:0;color:#ECE7E8;font:600 18px/1.2 var(--sans);letter-spacing:.025em; } .article-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;} .article-related-card{ appearance:none;display:block;width:100%;min-width:0;padding:0;overflow:hidden; border:1px solid rgba(122,38,55,.24);border-radius:5px; background:#090909;color:#D9D1D3;text-align:left;cursor:pointer; box-shadow:0 10px 24px rgba(0,0,0,.20); transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease; } .article-related-card:hover{ transform:translateY(-3px);border-color:rgba(141,51,69,.72);background:#0D0A0B; box-shadow:0 16px 30px rgba(0,0,0,.32),0 0 0 1px rgba(122,38,55,.08) inset; } .article-related-card:focus-visible{outline:2px solid #8D3345;outline-offset:3px;} .article-related-media{ position:relative;aspect-ratio:16/9;overflow:hidden;background:#090909 center/cover no-repeat; transform:translateZ(0); } .article-related-media.is-cover-contain{ background-size:contain !important; background-position:center !important; background-repeat:no-repeat !important; background-color:#050505 !important; } .article-related-media .card-hover-preview{z-index:1;} .article-related-media::after{z-index:2;} .article-related-media::after{ content:'';position:absolute;inset:0;pointer-events:none; background:linear-gradient(180deg,transparent 54%,rgba(0,0,0,.38)); transition:background .22s ease; } .article-related-card:hover .article-related-media::after{ background:linear-gradient(180deg,rgba(122,38,55,.025) 20%,rgba(0,0,0,.34)); } .article-related-copy{padding:11px 12px 13px;} .article-related-card-title{ display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2; min-height:39px;color:#D7D0D2;font:600 13px/1.5 var(--sans); transition:color .18s ease; } .article-related-card:hover .article-related-card-title{color:#FFF;} @media(max-width:1100px){ .article-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));} } @media(max-width:820px){ .article-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));} } @media(max-width:560px){ .article-related{padding:30px 22px 34px;} .article-related-head{align-items:flex-start;flex-direction:column;gap:5px;} .article-related-grid{grid-template-columns:1fr;gap:12px;} .article-related-media{aspect-ratio:16/9;} .article-related-copy{padding:12px 13px 14px;} .article-related-card-title{min-height:42px;font-size:14px;} } .nav-feature-tags > .nav-feature-panel{ width:min(450px,calc(100vw - 24px)); min-width:260px; max-width:450px; max-height:70vh; overflow:auto; padding:13px; } .nav-taxonomy-groups{display:grid;grid-template-columns:1fr;gap:8px;} .nav-taxonomy-group{ min-width:0;padding:10px;border:1px solid rgba(122,38,55,.24);border-radius:10px; background:linear-gradient(180deg,rgba(28,18,21,.76),rgba(7,7,7,.86)); } .nav-taxonomy-heading{ margin:0 0 7px;color:#9e777f;font:600 10px/1.2 var(--cond); letter-spacing:.14em;text-transform:uppercase; } .nav-taxonomy-items{display:flex;flex-wrap:wrap;gap:6px;} .nav-taxonomy-items button{ appearance:none;border:1px solid rgba(122,38,55,.30);border-radius:999px;background:#0d0d0d; color:#d5ced0;padding:6px 8px;cursor:pointer;font:500 11px/1.15 var(--sans); display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:.16s ease; } .nav-taxonomy-items button:hover,.nav-taxonomy-items button:focus-visible{ border-color:rgba(141,51,69,.72);background:rgba(122,38,55,.18);color:#fff;outline:none; } .nav-taxonomy-items .count{ color:#806970;font:500 9px/1 var(--cond);letter-spacing:.04em; } .taxonomy-architecture{ border:1px solid rgba(122,38,55,.28);border-radius:12px;padding:13px; background:linear-gradient(180deg,rgba(22,15,17,.82),rgba(8,8,8,.86)); } .taxonomy-architecture-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px;} .taxonomy-architecture-head strong{color:#e9dfe1;font:600 13px/1.35 var(--sans);} .taxonomy-architecture-head span{max-width:620px;color:#8f7f83;font:400 11px/1.55 var(--sans);} .taxonomy-dimension-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;} .taxonomy-dimension{ min-width:0;padding:10px;border:1px solid rgba(122,38,55,.18);border-radius:10px;background:rgba(4,4,4,.38); } .taxonomy-dimension.is-wide{grid-column:1/-1;} .taxonomy-dimension > label{ display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 7px; color:#cdbbc0;font:600 11px/1.3 var(--sans); } .taxonomy-dimension > label small{color:#745e64;font:400 10px/1.3 var(--sans);} .taxonomy-dimension .taxonomy-picker{margin-bottom:7px;} .taxonomy-dimension .taxonomy-add-row{margin-top:0;} @media (max-width:900px){ .nav-taxonomy-groups,.taxonomy-dimension-grid{grid-template-columns:1fr;} .taxonomy-dimension.is-wide{grid-column:auto;} } .nav-feature-category .nav-option-list, .nav-feature-archive .nav-option-list{flex-direction:row!important;flex-wrap:wrap!important;align-items:flex-start!important;} .nav-feature-category .nav-option-list .browse-item, .nav-feature-archive .nav-option-list .browse-item{flex:0 0 auto!important;} @media (min-width:901px){ .nav-feature-category > .nav-feature-panel, .nav-feature-archive > .nav-feature-panel{ width:300px !important; min-width:300px !important; max-width:300px !important; padding:13px !important; } } .nav-feature-category .nav-single-column-group, .nav-feature-archive .nav-single-column-group{ width:100%; min-width:0; padding:10px; border:1px solid rgba(122,38,55,.24); border-radius:6px; background:linear-gradient(180deg,rgba(28,18,21,.76),rgba(7,7,7,.86)); } .nav-feature-category .nav-option-list, .nav-feature-archive .nav-option-list{ display:grid !important; grid-template-columns:minmax(0,1fr) !important; width:100% !important; gap:8px !important; margin:0 !important; padding:0 !important; } .nav-feature-category .nav-option-list .browse-item, .nav-feature-archive .nav-option-list .browse-item{ appearance:none !important; -webkit-appearance:none !important; display:flex !important; width:100% !important; min-width:0 !important; min-height:40px !important; margin:0 !important; padding:9px 13px 9px 15px !important; align-items:center !important; justify-content:space-between !important; gap:14px !important; border:1px solid rgba(122,38,55,.30) !important; border-radius:999px !important; background:#0d0d0d !important; box-shadow:none !important; color:#d5ced0 !important; cursor:pointer !important; text-align:left !important; white-space:nowrap !important; font:500 13px/1.2 var(--sans) !important; letter-spacing:0 !important; opacity:1 !important; transform:none !important; transition:border-color .16s ease,background-color .16s ease,color .16s ease !important; transition-delay:0s !important; } .nav-feature-category .nav-option-list .browse-item::before, .nav-feature-archive .nav-option-list .browse-item::before{ display:none !important; content:none !important; } .nav-feature-category .nav-option-list .browse-item .count, .nav-feature-archive .nav-option-list .browse-item .count{ flex:0 0 auto !important; margin-left:auto !important; padding:0 !important; color:#806970 !important; font:500 10px/1 var(--cond) !important; letter-spacing:.04em !important; white-space:nowrap !important; } .nav-feature-category .nav-option-list .browse-item:hover, .nav-feature-category .nav-option-list .browse-item:focus-visible, .nav-feature-archive .nav-option-list .browse-item:hover, .nav-feature-archive .nav-option-list .browse-item:focus-visible{ border-color:rgba(141,51,69,.72) !important; background:rgba(122,38,55,.18) !important; color:#fff !important; box-shadow:none !important; transform:none !important; outline:none !important; } .nav-feature-category .nav-option-list .browse-item:active, .nav-feature-archive .nav-option-list .browse-item:active{ background:rgba(122,38,55,.26) !important; transform:none !important; } @media (max-width:900px){ .nav-feature-category .nav-single-column-group, .nav-feature-archive .nav-single-column-group{padding:10px;} .nav-feature-category .nav-option-list .browse-item, .nav-feature-archive .nav-option-list .browse-item{ min-height:42px !important; padding:10px 14px !important; font-size:13px !important; } } .nav-feature-tags .nav-taxonomy-items button, .nav-feature-category .nav-option-list .browse-item, .nav-feature-archive .nav-option-list .browse-item{ will-change:transform,border-color,background-color,box-shadow,color; transform:translate3d(0,0,0) scale(1); transform-origin:center; transition: transform .18s cubic-bezier(.22,.61,.36,1), border-color .18s ease, background-color .18s ease, box-shadow .18s ease, color .18s ease !important; } .nav-feature-tags .nav-taxonomy-items button:hover, .nav-feature-tags .nav-taxonomy-items button:focus-visible, .nav-feature-category .nav-option-list .browse-item:hover, .nav-feature-category .nav-option-list .browse-item:focus-visible, .nav-feature-archive .nav-option-list .browse-item:hover, .nav-feature-archive .nav-option-list .browse-item:focus-visible{ transform:translate3d(3px,0,0) scale(1.012) !important; border-color:rgba(141,51,69,.78) !important; background:linear-gradient(90deg,rgba(122,38,55,.22),rgba(122,38,55,.11)) !important; color:#fff !important; box-shadow: 0 0 0 1px rgba(141,51,69,.06) inset, 0 7px 18px rgba(0,0,0,.24), 0 0 14px rgba(122,38,55,.10) !important; outline:none !important; } .nav-feature-tags .nav-taxonomy-items button:active, .nav-feature-category .nav-option-list .browse-item:active, .nav-feature-archive .nav-option-list .browse-item:active{ transform:translate3d(1px,0,0) scale(.995) !important; background:rgba(122,38,55,.26) !important; box-shadow:0 2px 8px rgba(0,0,0,.22) !important; transition-duration:.08s !important; } @media (prefers-reduced-motion:reduce){ .nav-feature-tags .nav-taxonomy-items button, .nav-feature-category .nav-option-list .browse-item, .nav-feature-archive .nav-option-list .browse-item{ transition:none !important; transform:none !important; } } .nav-feature-category[open] .nav-option-list > .browse-item, .nav-feature-archive[open] .nav-option-list > .browse-item, .nav-feature-tags[open] .nav-taxonomy-items > button{ transition-delay:0s !important; } .nav-feature-category[open] .nav-option-list > :nth-child(n), .nav-feature-archive[open] .nav-option-list > :nth-child(n), .nav-feature-tags[open] .nav-taxonomy-items > :nth-child(n){ transition-delay:0s !important; } .nav-feature-tags .nav-taxonomy-items button, .nav-feature-category .nav-option-list .browse-item, .nav-feature-archive .nav-option-list .browse-item{ backface-visibility:hidden; -webkit-backface-visibility:hidden; contain:paint; will-change:transform; transition: transform .16s cubic-bezier(.22,.61,.36,1), border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease !important; } .nav-feature-tags .nav-taxonomy-items button:hover, .nav-feature-tags .nav-taxonomy-items button:focus-visible, .nav-feature-category .nav-option-list .browse-item:hover, .nav-feature-category .nav-option-list .browse-item:focus-visible, .nav-feature-archive .nav-option-list .browse-item:hover, .nav-feature-archive .nav-option-list .browse-item:focus-visible{ transform:translate3d(3px,0,0) scale(1.01) !important; box-shadow: 0 0 0 1px rgba(141,51,69,.07) inset, 0 5px 12px rgba(0,0,0,.20), 0 0 8px rgba(122,38,55,.08) !important; } .nav-feature-tags .nav-taxonomy-items button:active, .nav-feature-category .nav-option-list .browse-item:active, .nav-feature-archive .nav-option-list .browse-item:active{ transition-duration:.07s !important; transition-delay:0s !important; } .nav-feature-tags [data-taxonomy-group="bootType"] .nav-taxonomy-items, .nav-feature-tags [data-taxonomy-group="color"] .nav-taxonomy-items, .nav-feature-tags [data-taxonomy-group="material"] .nav-taxonomy-items, .nav-feature-tags [data-taxonomy-group="heel"] .nav-taxonomy-items, .nav-feature-tags [data-taxonomy-group="tags"] .nav-taxonomy-items{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px 10px !important; width:100% !important; } .nav-feature-tags [data-taxonomy-group="bootType"] .nav-taxonomy-items > button, .nav-feature-tags [data-taxonomy-group="color"] .nav-taxonomy-items > button, .nav-feature-tags [data-taxonomy-group="material"] .nav-taxonomy-items > button, .nav-feature-tags [data-taxonomy-group="heel"] .nav-taxonomy-items > button, .nav-feature-tags [data-taxonomy-group="tags"] .nav-taxonomy-items > button{ width:100% !important; min-width:0 !important; justify-content:space-between !important; gap:10px !important; } .nav-feature-tags [data-taxonomy-group="bootType"] .nav-taxonomy-items > button .count, .nav-feature-tags [data-taxonomy-group="color"] .nav-taxonomy-items > button .count, .nav-feature-tags [data-taxonomy-group="material"] .nav-taxonomy-items > button .count, .nav-feature-tags [data-taxonomy-group="heel"] .nav-taxonomy-items > button .count, .nav-feature-tags [data-taxonomy-group="tags"] .nav-taxonomy-items > button .count{ margin-left:auto !important; flex:0 0 auto !important; } .site-page-view{display:none;position:relative;min-height:70vh;padding:34px 20px 72px;} .site-page-view.is-active{display:block;animation:sitePageIn .36s cubic-bezier(.2,.7,.2,1) both;} @keyframes sitePageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}} body.site-page-mode .wrap{display:none;} .site-page-stage{width:min(980px,100%);margin:0 auto;} .site-page-topbar{min-height:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:0 0 16px;color:#81777A;font:500 11px/1 var(--cond);letter-spacing:.18em;text-transform:uppercase;} .site-page-back{justify-self:start;appearance:none;border:0;padding:8px 0;background:transparent;color:#B8B0B2;cursor:pointer;font:500 13px/1 var(--sans);transition:color .18s,transform .18s;} .site-page-back:hover{color:#fff;transform:translateX(-3px);} .site-page-mark{color:#7A2637;} .site-page-sheet{--site-page-title-size:46px;--site-page-body-size:16px;--site-page-heading-size:23px;overflow:hidden;border:1px solid rgba(122,38,55,.34);border-radius:5px;background:linear-gradient(180deg,rgba(10,10,10,.97),rgba(7,7,7,.95));box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.018);} .site-page-head{position:relative;padding:58px clamp(26px,6vw,76px) 38px;border-bottom:1px solid rgba(122,38,55,.20);text-align:center;} .site-page-head::before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:36px;width:38px;height:2px;background:#7A2637;} .site-page-title{margin:0;color:#F0EAEC;font-family:var(--serif);font-weight:700;font-size:min(var(--site-page-title-size,46px),11vw);line-height:1.22;letter-spacing:.01em;text-align:center;} .site-page-content{max-width:780px;margin:0 auto;padding:48px clamp(26px,6vw,74px) 60px;color:#CEC6C8;font-family:var(--sans);font-weight:400;font-size:var(--site-page-body-size,16px);line-height:1.95;} .site-page-content p{margin:0 0 22px;white-space:pre-line;} .site-page-content h2{margin:42px 0 14px;color:#ECE5E7;font-family:var(--serif);font-weight:650;font-size:var(--site-page-heading-size,23px);line-height:1.35;} .site-page-content h3{margin:30px 0 10px;color:#DED4D7;font-family:var(--sans);font-weight:650;font-size:max(14px,calc(var(--site-page-heading-size,23px) - 5px));line-height:1.4;} .site-page-content blockquote{margin:28px 0;padding:14px 18px;border-left:2px solid #7A2637;background:rgba(122,38,55,.07);color:#BDAFB3;} .site-page-external-links{margin:42px 0 0;padding-top:28px;border-top:1px solid rgba(122,38,55,.22);} .site-page-content .site-page-external-links-title{margin:0 0 13px;color:#8D3345;font-family:var(--serif);font-weight:650;font-size:var(--site-page-heading-size,23px);line-height:1.35;letter-spacing:.03em;text-transform:uppercase;} .site-page-external-links-list{display:grid;gap:8px;} .site-page-external-link{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:10px 13px;border:1px solid rgba(122,38,55,.28);border-radius:5px;background:rgba(122,38,55,.045);color:#D7CED0;text-decoration:none;font-size:var(--site-page-body-size,16px);line-height:1.35;transition:border-color .18s,background .18s,color .18s,transform .18s;} .site-page-external-link::after{content:"↗";flex:0 0 auto;color:#8D3345;font-size:.9em;} .site-page-external-link:hover{border-color:rgba(141,51,69,.72);background:rgba(122,38,55,.10);color:#fff;transform:translateX(2px);} @media (max-width:660px){ .site-page-view{padding:20px 12px 48px;} .site-page-topbar{grid-template-columns:1fr auto;} .site-page-head{padding:50px 22px 30px;} .site-page-head::before{top:28px;} .site-page-content{padding:34px 22px 44px;line-height:1.9;} } .site-pages-settings{display:grid;gap:11px;padding:14px;border:1px solid rgba(122,38,55,.28);border-radius:8px;background:linear-gradient(180deg,rgba(122,38,55,.055),rgba(7,7,7,.52));} .site-pages-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;} .site-pages-settings-head>div{min-width:0;} .site-pages-settings-head strong{display:block;color:#ddd1d4;font:700 13px/1.35 var(--sans);} .site-pages-settings-head span{display:block;margin-top:4px;color:#806f73;font:400 10px/1.5 var(--sans);} .site-pages-add{flex:0 0 auto;min-height:34px;padding:0 11px;border:1px solid #5d3540;border-radius:5px;background:#171113;color:#cfbdc2;cursor:pointer;font:600 11px/1 var(--sans);} .site-pages-add:hover{border-color:#8D3345;background:#251318;color:#fff;} .site-pages-list{display:grid;gap:8px;} .site-page-editor{border:1px solid rgba(122,38,55,.22);border-radius:7px;background:#0a0909;overflow:hidden;} .site-page-editor>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:11px 12px;cursor:pointer;color:#d8cccf;font:600 12px/1.4 var(--sans);} .site-page-editor>summary::-webkit-details-marker{display:none;} .site-page-editor>summary::after{content:"▾";margin-left:auto;color:#97616d;transition:transform .18s;} .site-page-editor[open]>summary::after{transform:rotate(180deg);} .site-page-editor-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .site-page-editor-state{flex:0 0 auto;color:#735f64;font:500 10px var(--sans);} .site-page-editor-body{display:grid;gap:12px;padding:12px;border-top:1px solid rgba(122,38,55,.16);} .site-page-editor-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:10px;} .site-page-editor-field{display:grid;gap:6px;} .site-page-editor-field label{color:#9e8e92;font:600 10px/1.2 var(--sans);letter-spacing:.03em;} .site-page-editor-field input,.site-page-editor-field textarea,.site-page-font-controls input{width:100%;min-width:0;border:1px solid #3d2930;border-radius:5px;background:#080808;color:#eee;padding:9px 10px;outline:none;font:500 12px/1.5 var(--sans);} .site-page-editor-field textarea{min-height:170px;resize:vertical;font-weight:400;line-height:1.7;} .site-page-editor-field input:focus,.site-page-editor-field textarea:focus,.site-page-font-controls input:focus{border-color:#7A2637;box-shadow:0 0 0 2px rgba(122,38,55,.11);} .site-page-font-settings{display:grid;gap:8px;padding:11px;border:1px solid rgba(122,38,55,.18);border-radius:6px;background:#080707;} .site-page-font-settings-title{color:#9e8e92;font:650 10px/1.2 var(--sans);letter-spacing:.03em;} .site-page-font-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;} .site-page-font-control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;} .site-page-font-control label{grid-column:1/-1;color:#766b6e;font:500 9px/1.2 var(--sans);} .site-page-font-control input{padding:8px 9px;} .site-page-font-control span{color:#725d62;font:600 10px/1 var(--sans);} .site-page-links-settings{display:grid;gap:8px;padding:11px;border:1px solid rgba(122,38,55,.18);border-radius:6px;background:#080707;} .site-page-links-settings-head{display:flex;align-items:center;justify-content:space-between;gap:10px;} .site-page-links-settings-head strong{color:#9e8e92;font:650 10px/1.2 var(--sans);letter-spacing:.03em;} .site-page-links-add{border:1px solid #4b3036;border-radius:5px;background:#130d0f;color:#bfaeb2;padding:7px 9px;cursor:pointer;font:600 10px/1 var(--sans);} .site-page-links-add:hover{border-color:#7A2637;color:#fff;} .site-page-links-list{display:grid;gap:7px;} .site-page-external-link-row{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(220px,1.4fr) 34px;gap:8px;align-items:center;} .site-page-external-link-row input{width:100%;min-width:0;border:1px solid #3d2930;border-radius:5px;background:#080808;color:#eee;padding:9px 10px;outline:none;font:500 12px/1.5 var(--sans);} .site-page-external-link-row input:focus{border-color:#7A2637;box-shadow:0 0 0 2px rgba(122,38,55,.11);} .site-page-link-remove{height:34px;border:1px solid #4b3036;border-radius:5px;background:#130d0f;color:#8d6d75;cursor:pointer;font:700 16px/1 var(--sans);} .site-page-link-remove:hover{border-color:#7A2637;background:#251318;color:#fff;} .site-page-links-empty{padding:9px;border:1px dashed rgba(122,38,55,.20);border-radius:5px;color:#6f6265;font:10px/1.5 var(--sans);text-align:center;} .site-page-editor-options{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;} .site-page-footer-toggle{display:inline-flex;align-items:center;gap:7px;color:#a7979b;font:500 11px var(--sans);cursor:pointer;} .site-page-footer-toggle input{accent-color:#7A2637;} .site-page-delete{border:1px solid #5a2c37;border-radius:5px;background:#160d10;color:#ba8e98;padding:7px 10px;cursor:pointer;font:600 10px var(--sans);} .site-page-delete:hover{background:#632033;border-color:#7A2637;color:#fff;} .site-page-format-note{margin:-2px 0 0;color:#75696c;font:400 10px/1.55 var(--sans);} .site-pages-empty{padding:12px;border:1px dashed rgba(122,38,55,.24);border-radius:6px;color:#74686b;font:11px/1.6 var(--sans);text-align:center;} @media (max-width:700px){ .site-pages-settings-head{flex-direction:column;} .site-pages-add{width:100%;} .site-page-editor-grid,.site-page-font-controls{grid-template-columns:1fr;} .site-page-editor-field textarea{min-height:150px;} .site-page-external-link-row{grid-template-columns:1fr 34px;} .site-page-external-link-row .site-page-link-url{grid-column:1/2;} .site-page-external-link-row .site-page-link-remove{grid-column:2;grid-row:1/3;} } .nav-feature-category > .nav-feature-panel{ width:min(450px,calc(100vw - 24px)) !important; min-width:260px !important; max-width:450px !important; max-height:70vh !important; overflow:hidden !important; padding:13px !important; } .nav-feature-category .nav-single-column-group{ width:100% !important; min-width:0 !important; padding:10px !important; border:1px solid rgba(122,38,55,.24) !important; border-radius:10px !important; background:linear-gradient(180deg,rgba(28,18,21,.76),rgba(7,7,7,.86)) !important; } .nav-feature-category .nav-option-list{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px 10px !important; width:100% !important; margin:0 !important; padding:0 !important; } .nav-feature-category .nav-option-list .browse-item{ appearance:none !important; -webkit-appearance:none !important; display:flex !important; width:100% !important; min-width:0 !important; min-height:0 !important; margin:0 !important; padding:6px 8px !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; border:1px solid rgba(122,38,55,.30) !important; border-radius:999px !important; background:#0d0d0d !important; color:#d5ced0 !important; text-align:left !important; white-space:nowrap !important; font:500 11px/1.15 var(--sans) !important; letter-spacing:0 !important; box-shadow:none !important; cursor:pointer !important; } .nav-feature-category .nav-option-list .browse-item .count{ flex:0 0 auto !important; margin-left:auto !important; padding:0 !important; color:#806970 !important; font:500 9px/1 var(--cond) !important; letter-spacing:.04em !important; white-space:nowrap !important; } .nav-feature-category .nav-option-list .browse-item:hover, .nav-feature-category .nav-option-list .browse-item:focus-visible{ transform:translate3d(3px,0,0) scale(1.01) !important; border-color:rgba(141,51,69,.78) !important; background:linear-gradient(90deg,rgba(122,38,55,.22),rgba(122,38,55,.11)) !important; color:#fff !important; box-shadow:0 0 0 1px rgba(141,51,69,.07) inset,0 5px 12px rgba(0,0,0,.20),0 0 8px rgba(122,38,55,.08) !important; outline:none !important; } .nav-feature-category .nav-option-list .browse-item:active{ transform:translate3d(1px,0,0) scale(.995) !important; background:rgba(122,38,55,.26) !important; } @media(max-width:900px){ .nav-feature-category > .nav-feature-panel{ width:min(450px,calc(100vw - 24px)) !important; min-width:0 !important; max-width:450px !important; } .nav-feature-category .nav-option-list{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} } @media(max-width:520px){ .nav-feature-category .nav-option-list{grid-template-columns:1fr !important;} } @media (min-width:901px){ .nav-in{ overflow:visible !important; } .nav-feature{ position:relative !important; } .nav-feature > .nav-feature-panel{ left:0 !important; right:auto !important; transform-origin:top left !important; } } .nav-feature-archive > .nav-feature-panel{ width:min(740px,calc(100vw - 24px)) !important; min-width:520px !important; max-width:740px !important; max-height:70vh !important; overflow:hidden !important; padding:13px !important; } .nav-feature-archive .archive-hover-shell{ display:grid !important; grid-template-columns:180px minmax(0,1fr) !important; gap:12px !important; width:100% !important; min-width:0 !important; align-items:start !important; } .nav-feature-archive .archive-year-group, .nav-feature-archive .archive-month-group{ width:100% !important; min-width:0 !important; padding:10px !important; border:1px solid rgba(122,38,55,.24) !important; border-radius:10px !important; background:linear-gradient(180deg,rgba(28,18,21,.76),rgba(7,7,7,.86)) !important; } .nav-feature-archive .archive-month-group{ opacity:0; transform:translate3d(8px,0,0); transform-origin:left center; transition: opacity .18s ease, transform .22s cubic-bezier(.22,.61,.36,1); will-change:opacity,transform; } .nav-feature-archive .archive-month-group.is-visible{ opacity:1; transform:translate3d(0,0,0); } .nav-feature-archive .archive-month-group[hidden]{ display:none !important; opacity:0 !important; transform:translate3d(8px,0,0) !important; } .nav-feature-archive .archive-month-list{ transition: opacity .14s ease, transform .18s cubic-bezier(.22,.61,.36,1) !important; } .nav-feature-archive .archive-month-list.is-switching{ opacity:.38 !important; transform:translate3d(4px,0,0) !important; } .nav-feature-archive .archive-year-list, .nav-feature-archive .archive-month-list{ display:grid !important; gap:8px 10px !important; width:100% !important; margin:0 !important; padding:0 !important; } .nav-feature-archive .archive-year-list{ grid-template-columns:1fr !important; max-height:min(52vh,360px) !important; overflow-y:auto !important; overflow-x:hidden !important; padding-right:3px !important; scrollbar-gutter:stable; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgba(141,51,69,.72) rgba(20,12,15,.75); } .nav-feature-archive .archive-year-list::-webkit-scrollbar{width:7px;} .nav-feature-archive .archive-year-list::-webkit-scrollbar-track{background:rgba(20,12,15,.75);border-radius:999px;} .nav-feature-archive .archive-year-list::-webkit-scrollbar-thumb{background:rgba(141,51,69,.72);border-radius:999px;} .nav-feature-archive .archive-month-list{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} .nav-feature-archive .archive-year-list .browse-item, .nav-feature-archive .archive-month-list .browse-item{ appearance:none !important; -webkit-appearance:none !important; display:flex !important; width:100% !important; min-width:0 !important; min-height:0 !important; margin:0 !important; padding:6px 8px !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; border:1px solid rgba(122,38,55,.30) !important; border-radius:999px !important; background:#0d0d0d !important; color:#d5ced0 !important; text-align:left !important; white-space:nowrap !important; font:500 11px/1.15 var(--sans) !important; letter-spacing:0 !important; box-shadow:none !important; cursor:pointer !important; opacity:1 !important; } .nav-feature-archive .archive-year-list .browse-item, .nav-feature-archive .archive-month-list .browse-item{ backface-visibility:hidden !important; -webkit-backface-visibility:hidden !important; contain:paint; will-change:transform; transition: transform .16s cubic-bezier(.22,.61,.36,1), border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease !important; transition-delay:0s !important; } .nav-feature-archive .archive-year-list .browse-item:hover, .nav-feature-archive .archive-year-list .browse-item:focus-visible, .nav-feature-archive .archive-month-list .browse-item:hover, .nav-feature-archive .archive-month-list .browse-item:focus-visible{ transform:translate3d(3px,0,0) scale(1.01) !important; border-color:rgba(141,51,69,.78) !important; background:linear-gradient(90deg,rgba(122,38,55,.22),rgba(122,38,55,.11)) !important; color:#fff !important; box-shadow:0 0 0 1px rgba(141,51,69,.07) inset,0 5px 12px rgba(0,0,0,.20),0 0 8px rgba(122,38,55,.08) !important; outline:none !important; } .nav-feature-archive .archive-year-list .browse-item:active, .nav-feature-archive .archive-month-list .browse-item:active{ transform:translate3d(1px,0,0) scale(.995) !important; background:rgba(122,38,55,.26) !important; transition-duration:.08s !important; } .nav-feature-archive .archive-year-list .browse-item.is-active{ border-color:rgba(141,51,69,.72) !important; background:rgba(122,38,55,.18) !important; color:#fff !important; } .nav-feature-archive .archive-hover-shell{ position:relative !important; } .nav-feature-archive .archive-hover-shell::after{ content:""; position:absolute; top:0; bottom:0; left:180px; width:12px; pointer-events:none; } .nav-feature-archive .archive-year-arrow{ flex:0 0 auto !important; margin-left:auto !important; color:#806970 !important; font:600 12px/1 var(--sans) !important; } .nav-feature-archive .archive-month-name{ min-width:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } .nav-feature-archive .archive-month-list .count{ flex:0 0 auto !important; margin-left:auto !important; padding:0 !important; color:#806970 !important; font:500 9px/1 var(--cond) !important; letter-spacing:.04em !important; white-space:nowrap !important; } .nav-feature-archive .archive-empty{ grid-column:1/-1; padding:8px 10px; border:1px dashed rgba(122,38,55,.24); border-radius:8px; color:#806970; font:500 10px/1.4 var(--cond); } @media(max-width:900px){ .nav-feature-archive > .nav-feature-panel{ width:min(700px,calc(100vw - 20px)) !important; min-width:0 !important; max-width:700px !important; } .nav-feature-archive .archive-hover-shell{grid-template-columns:170px minmax(0,1fr) !important;} .nav-feature-archive .archive-hover-shell::after{left:170px;} } @media(max-width:640px){ .nav-feature-archive > .nav-feature-panel{ width:min(450px,calc(100vw - 18px)) !important; max-width:450px !important; overflow:auto !important; } .nav-feature-archive .archive-hover-shell{grid-template-columns:1fr !important;} .nav-feature-archive .archive-hover-shell::after{display:none;} .nav-feature-archive .archive-year-list{max-height:180px !important;} .nav-feature-archive .archive-year-list, .nav-feature-archive .archive-month-list{grid-template-columns:1fr !important;} } @media(prefers-reduced-motion:reduce){ .nav-feature-archive .archive-month-group, .nav-feature-archive .archive-month-list, .nav-feature-archive .archive-year-list .browse-item, .nav-feature-archive .archive-month-list .browse-item{transition:none !important;transform:none !important;opacity:1 !important;} } .nav-settings-backdrop{ overflow:hidden !important; } .nav-settings-modal{ display:flex !important; flex-direction:column !important; width:min(900px,100%) !important; max-height:90vh !important; overflow:hidden !important; min-height:0 !important; } .nav-settings-head{ flex:0 0 auto !important; } .nav-settings-body{ display:grid !important; flex:1 1 auto !important; min-height:0 !important; max-height:calc(90vh - 118px) !important; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior-y:contain !important; -webkit-overflow-scrolling:touch; scrollbar-gutter:stable; touch-action:pan-y; } .nav-settings-actions{ flex:0 0 auto !important; position:relative !important; z-index:4 !important; } .management-center-site-settings, .management-center-faq, .management-center-site-pages, .management-center-taxonomy{ max-height:none !important; } .management-center-site-settings[open], .management-center-faq[open], .management-center-site-pages[open], .management-center-taxonomy[open]{ overflow:visible !important; } .management-center-site-settings-body, .management-center-faq-body, .management-center-site-pages-body{ overflow:visible !important; min-height:0 !important; } @media(max-width:700px){ .nav-settings-modal{max-height:94vh !important;} .nav-settings-body{max-height:calc(94vh - 110px) !important;} } .rich-body-editor a, .article-body a{ color:#C96D83; text-decoration:underline; text-decoration-color:rgba(201,109,131,.48); text-underline-offset:3px; transition:color .16s ease,text-decoration-color .16s ease,background .16s ease; } .rich-body-editor a:hover, .article-body a:hover{ color:#F0A2B4; text-decoration-color:#F0A2B4; } .site-page-content a.site-inline-link{ color:#D2A642; text-decoration:underline; text-decoration-color:rgba(122,38,55,.82); text-underline-offset:4px; transition:color .16s ease,text-decoration-color .16s ease; } .site-page-content a.site-inline-link:hover{color:#F0C866;text-decoration-color:#8D3345;} .body-link-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;} .body-link-tool{ min-height:31px;padding:7px 10px;border:1px solid #4a3037;border-radius:5px;background:#121011;color:#cfc3c6; cursor:pointer;font:600 10px/1 var(--sans);transition:border-color .16s,background .16s,color .16s,box-shadow .16s; } .body-link-tool:hover,.body-link-tool:focus-visible,.body-link-tool.is-active{border-color:#8D3345;background:#29151c;color:#fff;box-shadow:0 0 0 2px rgba(122,38,55,.10);outline:none;} .body-link-tool.is-remove{color:#9f8e93;} .body-link-panel{ display:grid;grid-template-columns:minmax(190px,1fr) auto auto auto;gap:8px;align-items:center; margin:9px 0 2px;padding:10px;border:1px solid rgba(122,38,55,.35);border-radius:7px; background:linear-gradient(180deg,rgba(27,17,20,.96),rgba(9,8,8,.98));box-shadow:0 12px 30px rgba(0,0,0,.24); } .body-link-panel[hidden]{display:none!important;} .body-link-panel input[type="text"]{width:100%;min-width:0;border:1px solid #493039;border-radius:5px;background:#080808;color:#eee;padding:8px 10px;outline:none;font:500 11px/1.35 var(--sans);} .body-link-panel input[type="text"]:focus{border-color:#8D3345;box-shadow:0 0 0 2px rgba(122,38,55,.12);} .body-link-newtab{display:inline-flex;align-items:center;gap:6px;color:#b9aaae;font:500 10px/1.3 var(--sans);white-space:nowrap;cursor:pointer;} .body-link-newtab input{accent-color:#7A2637;} .body-link-action{border:1px solid #4a3037;border-radius:5px;background:#151112;color:#d6c9cc;padding:8px 10px;cursor:pointer;font:650 10px/1 var(--sans);} .body-link-action.primary{border-color:#7A2637;background:#642132;color:#fff;} .body-link-action:hover{border-color:#8D3345;background:#2a151c;color:#fff;} .body-link-action.primary:hover{background:#7A2637;} .textarea-inline-link-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:1px 0 2px;} .textarea-inline-link-tools button{border:1px solid #493039;border-radius:5px;background:#141112;color:#c8babf;padding:7px 10px;cursor:pointer;font:600 10px/1 var(--sans);} .textarea-inline-link-tools button:hover,.textarea-inline-link-tools button:focus-visible{border-color:#8D3345;background:#25141a;color:#fff;outline:none;} .textarea-inline-link-tools .remove-inline-link{color:#9f8e93;} .textarea-inline-link-hint{color:#75686c;font:400 10px/1.5 var(--sans);} @media(max-width:700px){.body-link-panel{grid-template-columns:1fr 1fr}.body-link-panel input[type="text"]{grid-column:1/-1}.body-link-newtab{grid-column:1/-1}.body-link-action{width:100%;}} .visual-page-editor-wrap{display:grid;gap:8px;} .visual-page-source{display:none!important;} .visual-page-editor{ min-height:260px;max-height:520px;overflow:auto; border:1px solid #3b272c;border-radius:6px;background:#080808;color:#eee; padding:22px 20px;outline:none;font:16px/1.8 var(--serif); caret-color:#D2A642; } .visual-page-editor:focus{border-color:#7A2637;box-shadow:0 0 0 2px rgba(122,38,55,.12);} .visual-page-editor:empty::before{content:attr(data-placeholder);color:#675d60;pointer-events:none;} .visual-page-editor p,.visual-page-editor div{margin:0 0 14px;} .visual-page-editor h2{margin:18px 0 10px;font-size:1.45em;line-height:1.45;color:#eee;} .visual-page-editor h3{margin:16px 0 9px;font-size:1.2em;line-height:1.45;color:#e5dde0;} .visual-page-editor blockquote{margin:14px 0;padding:3px 0 3px 14px;border-left:2px solid #7A2637;color:#bcaeb2;} .visual-page-editor a{ color:#D2A642;text-decoration:underline;text-decoration-color:rgba(122,38,55,.82); text-underline-offset:4px;cursor:text;transition:color .15s ease,text-decoration-color .15s ease,background .15s ease; } .visual-page-editor a:hover{color:#F0C866;text-decoration-color:#8D3345;background:rgba(122,38,55,.06);} .visual-page-link-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;} .visual-page-link-toolbar .body-link-tool{min-height:34px;} .visual-page-link-hint{color:#75686c;font:400 10px/1.5 var(--sans);} .visual-page-link-panel{ display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;gap:8px;align-items:center; padding:10px;border:1px solid rgba(122,38,55,.38);border-radius:7px; background:linear-gradient(180deg,rgba(27,17,20,.98),rgba(8,8,8,.99));box-shadow:0 12px 28px rgba(0,0,0,.24); } .visual-page-link-panel[hidden]{display:none!important;} .visual-page-link-panel input[type="text"]{width:100%;min-width:0;border:1px solid #493039;border-radius:5px;background:#080808;color:#eee;padding:8px 10px;outline:none;font:500 11px/1.35 var(--sans);} .visual-page-link-panel input[type="text"]:focus{border-color:#8D3345;box-shadow:0 0 0 2px rgba(122,38,55,.12);} .visual-page-link-panel .body-link-newtab input{accent-color:#7A2637;} @media(max-width:760px){ .visual-page-link-panel{grid-template-columns:1fr 1fr;} .visual-page-link-panel input[type="text"]{grid-column:1/-1;} .visual-page-link-panel .body-link-newtab{grid-column:1/-1;} .visual-page-link-panel .body-link-action{width:100%;} .visual-page-editor{min-height:220px;padding:16px 14px;font-size:15px;} } .faq-view{display:none;position:relative;min-height:72vh;padding:34px 20px 76px;} .faq-view.is-active{display:block;animation:faqPageIn .34s cubic-bezier(.2,.7,.2,1) both;} @keyframes faqPageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} body.faq-page-mode .wrap{display:none;} .faq-stage{width:min(1120px,100%);margin:0 auto;border:1px solid rgba(122,38,55,.56);border-radius:13px;background:linear-gradient(145deg,rgba(10,8,9,.985),rgba(4,4,4,.99));box-shadow:0 32px 90px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.012) inset;overflow:hidden;} .faq-topbar{min-height:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 28px;border-bottom:1px solid rgba(122,38,55,.18);background:rgba(7,7,7,.66);} .faq-back{justify-self:start;border:0;background:transparent;color:#9b9194;cursor:pointer;font:600 11px/1 var(--sans);letter-spacing:.05em;padding:8px 0;transition:color .16s,transform .16s;} .faq-back:hover{color:#fff;transform:translateX(-3px);} .faq-top-mark{color:#a74055;font:700 10px/1 var(--cond);letter-spacing:.24em;text-transform:uppercase;} .faq-top-kind{justify-self:end;color:#655d5f;font:600 9px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;} .faq-shell{width:min(790px,calc(100% - 44px));margin:0 auto;padding:38px 0 30px;} .faq-hero{text-align:center;margin:0 auto 26px;max-width:690px;} .faq-title{margin:0;color:#f1edee;font:600 clamp(42px,5.2vw,65px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.035em;text-wrap:balance;} .faq-intro{margin:17px auto 0;max-width:600px;color:#9f9699;font:400 14px/1.7 var(--sans);text-wrap:balance;} .faq-list{display:grid;gap:9px;} .faq-item{border:1px solid rgba(122,38,55,.48);border-radius:7px;background:linear-gradient(180deg,rgba(10,9,9,.96),rgba(6,6,6,.97));overflow:hidden;transition:border-color .18s,box-shadow .18s,background .18s;} .faq-item:hover{border-color:rgba(141,51,69,.72);} .faq-item.is-open{border-color:#7f2e3f;background:linear-gradient(180deg,rgba(20,13,15,.98),rgba(11,10,10,.98));box-shadow:0 12px 30px rgba(0,0,0,.18);} .faq-question{width:100%;min-height:54px;border:0;background:transparent;color:#e6e0e2;cursor:pointer;padding:0 18px 0 17px;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;text-align:left;gap:7px;font:600 17px/1.35 Georgia,"Times New Roman",serif;} .faq-number{color:#b34259;font:700 10px/1 var(--cond);letter-spacing:.16em;font-family:var(--cond);} .faq-chevron{justify-self:end;width:12px;height:12px;position:relative;opacity:.88;} .faq-chevron::before,.faq-chevron::after{content:"";position:absolute;top:5px;width:7px;height:1.5px;background:#aa3850;border-radius:2px;transition:transform .22s cubic-bezier(.16,1,.3,1);} .faq-chevron::before{left:0;transform:rotate(45deg);transform-origin:right center;} .faq-chevron::after{right:0;transform:rotate(-45deg);transform-origin:left center;} .faq-item.is-open .faq-chevron::before{transform:rotate(-45deg);} .faq-item.is-open .faq-chevron::after{transform:rotate(45deg);} .faq-answer-wrap{display:grid;grid-template-rows:0fr;opacity:0;border-top:1px solid transparent;transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1),opacity .2s,border-color .2s,background .2s;} .faq-item.is-open .faq-answer-wrap{grid-template-rows:1fr;opacity:1;border-top-color:rgba(122,38,55,.18);background:linear-gradient(90deg,rgba(122,38,55,.065),rgba(122,38,55,.018) 55%,transparent);} .faq-answer-inner{overflow:hidden;} .faq-answer{margin:0;padding:17px 54px 20px 66px;color:#a99fa2;font:400 13.5px/1.75 var(--sans);white-space:normal;} .faq-answer p,.faq-answer div{margin:0 0 .85em;} .faq-answer p:last-child,.faq-answer div:last-child{margin-bottom:0;} .faq-answer a{color:#D2A642;text-decoration:underline;text-decoration-color:rgba(122,38,55,.82);text-underline-offset:3px;transition:color .16s,text-decoration-color .16s;} .faq-answer a:hover{color:#F0C866;text-decoration-color:#8D3345;} .faq-answer img{display:block;width:auto;max-width:100%;max-height:620px;object-fit:contain;margin:15px 0 4px;border:1px solid rgba(122,38,55,.28);border-radius:7px;background:#050505;} .faq-cta{margin-top:20px;padding:18px 19px;border:1px solid rgba(122,38,55,.34);border-radius:8px;background:linear-gradient(105deg,rgba(122,38,55,.075),rgba(11,9,10,.9) 42%,rgba(7,7,7,.98));display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:15px;} .faq-cta-icon{width:43px;height:43px;border:1px solid rgba(141,51,69,.45);border-radius:50%;display:grid;place-items:center;background:rgba(122,38,55,.08);position:relative;} .faq-cta-icon::before{content:"";width:19px;height:13px;border:1.5px solid #b23c55;border-radius:2px;} .faq-cta-icon::after{content:"";position:absolute;width:9px;height:9px;border-left:1.5px solid #b23c55;border-bottom:1.5px solid #b23c55;transform:rotate(-45deg);top:15px;} .faq-cta-copy strong{display:block;color:#e8e1e3;font:600 18px/1.2 Georgia,"Times New Roman",serif;} .faq-cta-copy span{display:block;margin-top:4px;color:#847b7e;font:400 11.5px/1.5 var(--sans);} .faq-contact{height:42px;padding:0 20px;border:1px solid #913249;border-radius:7px;background:linear-gradient(180deg,#96354b,#79283a);color:#fff;cursor:pointer;font:700 9.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;box-shadow:0 10px 24px rgba(0,0,0,.24);transition:transform .18s,filter .18s;} .faq-contact:hover{transform:translateY(-1px);filter:brightness(1.1);} @media (max-width:700px){ .faq-view{padding:20px 10px 50px;} .faq-stage{border-radius:11px;} .faq-topbar{grid-template-columns:1fr auto;padding:0 16px;} .faq-top-kind{display:none;} .faq-shell{width:calc(100% - 28px);padding-top:26px;} .faq-title{font-size:44px;} .faq-intro{font-size:14px;} .faq-question{grid-template-columns:32px minmax(0,1fr) 22px;padding:0 13px;font-size:15.5px;} .faq-answer{padding:15px 42px 18px 52px;} .faq-cta{grid-template-columns:45px 1fr;} .faq-contact{grid-column:1/-1;width:100%;} } /* v89.101: FAQ uses the same outer shell language as Contact. */ .faq-stage{ position:relative; overflow:hidden; width:min(1120px,100%); margin:0 auto; border:1px solid rgba(122,38,55,.34); border-radius:13px; background:linear-gradient(145deg,rgba(13,12,12,.985),rgba(7,7,7,.97)); box-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.018); } .faq-stage::before{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 16% 7%,rgba(122,38,55,.12),transparent 30%),linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.012) 42.2%,transparent 42.5%); } .faq-topbar,.faq-shell{position:relative;z-index:1;} .contact-view{display:none;position:relative;min-height:72vh;padding:34px 20px 76px;} .contact-view.is-active{display:block;animation:contactPageIn .34s cubic-bezier(.2,.7,.2,1) both;} @keyframes contactPageIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}} body.contact-page-mode .wrap{display:none;} .contact-stage{width:min(1120px,100%);margin:0 auto;} .contact-topbar{min-height:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 28px;border-bottom:1px solid rgba(122,38,55,.18);background:rgba(7,7,7,.66);color:#81777A;font:500 11px/1 var(--cond);letter-spacing:.18em;text-transform:uppercase;grid-column:1 / -1;} .contact-back{justify-self:start;appearance:none;border:0;padding:8px 0;background:transparent;color:#B8B0B2;cursor:pointer;font:500 13px/1 var(--sans);transition:color .18s,transform .18s;} .contact-back:hover{color:#fff;transform:translateX(-3px);} .contact-mark{color:#8D3345;} .contact-shell{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);border:1px solid rgba(122,38,55,.34);border-radius:13px;background:linear-gradient(145deg,rgba(13,12,12,.985),rgba(7,7,7,.97));box-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.018);} .contact-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 7%,rgba(122,38,55,.12),transparent 30%),linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.012) 42.2%,transparent 42.5%);} .contact-intro,.contact-form-panel{position:relative;z-index:1;} .contact-intro{padding:clamp(42px,5.4vw,72px);border-right:1px solid rgba(122,38,55,.20);display:flex;flex-direction:column;min-height:610px;} .contact-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 24px;color:#9A3D50;font:650 10px/1 var(--cond);letter-spacing:.24em;text-transform:uppercase;} .contact-kicker::before{content:"";width:30px;height:1px;background:#7A2637;box-shadow:0 0 12px rgba(122,38,55,.28);} .contact-title{max-width:540px;margin:0;color:#F0EAEC;font-family:var(--serif);font-size:clamp(42px,5vw,68px);font-weight:700;line-height:1.03;letter-spacing:-.025em;} .contact-lead{max-width:500px;margin:25px 0 0;color:#AFA5A8;font:400 15px/1.85 var(--sans);} .contact-rule{width:100%;height:1px;margin:38px 0 28px;background:linear-gradient(90deg,rgba(122,38,55,.64),rgba(122,38,55,.08),transparent);} .contact-meta{display:grid;gap:18px;margin-top:auto;} .contact-meta-item{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:start;padding-top:15px;border-top:1px solid rgba(122,38,55,.14);} .contact-meta-label{color:#745E64;font:650 9px/1.35 var(--cond);letter-spacing:.18em;text-transform:uppercase;} .contact-meta-value{color:#C9C0C2;font:500 12px/1.55 var(--sans);} .contact-meta-value small{display:block;margin-top:3px;color:#756B6E;font-weight:400;font-size:10px;line-height:1.5;} .contact-form-panel{padding:clamp(34px,4.5vw,58px);background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 24%);} .contact-form-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:30px;} .contact-form-head h2{margin:0;color:#EDE7E9;font:650 20px/1.2 var(--serif);letter-spacing:.01em;} .contact-form-head span{color:#695F62;font:600 9px/1.4 var(--cond);letter-spacing:.16em;text-transform:uppercase;} .contact-form{display:grid;gap:18px;} .contact-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;} .contact-field{display:grid;gap:8px;} .contact-field label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#A99EA1;font:600 10px/1.3 var(--sans);letter-spacing:.045em;} .contact-field label small{color:#63595C;font-size:9px;font-weight:500;letter-spacing:.02em;} .contact-input,.contact-select,.contact-textarea{width:100%;box-sizing:border-box;outline:none;border:1px solid rgba(122,38,55,.27);border-radius:7px;background:#0B0A0A;color:#E7E0E2;font:500 13px/1.4 var(--sans);transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;} .contact-input,.contact-select{height:48px;padding:0 14px;} .contact-topic-picker{position:relative;z-index:8;} .contact-topic-button{width:100%;height:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;appearance:none;outline:none;border:1px solid rgba(122,38,55,.27);border-radius:7px;background:#0B0A0A;color:#E7E0E2;padding:0 14px;cursor:pointer;text-align:left;font:500 13px/1.4 var(--sans);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease;} .contact-topic-button:hover{border-color:rgba(141,51,69,.62);background:#0D0B0C;} .contact-topic-picker.is-open .contact-topic-button, .contact-topic-button:focus-visible{border-color:#8D3345;background:#0E0B0C;box-shadow:0 0 0 3px rgba(122,38,55,.085),0 10px 24px rgba(0,0,0,.16);} .contact-topic-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .contact-topic-picker:not(.has-value) .contact-topic-value{color:#81777A;} .contact-topic-chevron{position:relative;width:14px;height:9px;flex:none;opacity:.82;transition:opacity .16s ease;} .contact-topic-chevron::before,.contact-topic-chevron::after{content:"";position:absolute;top:3px;width:8px;height:1.5px;border-radius:2px;background:#8D3345;transition:background .16s ease,opacity .16s ease;} .contact-topic-chevron::before{left:0;transform:rotate(36deg);transform-origin:right center;} .contact-topic-chevron::after{right:0;transform:rotate(-36deg);transform-origin:left center;} .contact-topic-picker.is-open .contact-topic-chevron{opacity:1;} .contact-topic-picker.is-open .contact-topic-chevron::before, .contact-topic-picker.is-open .contact-topic-chevron::after{background:#C06A7C;} .contact-topic-menu{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:30;padding:6px;border:1px solid rgba(122,38,55,.48);border-radius:8px;background:linear-gradient(180deg,rgba(17,13,14,.995),rgba(8,7,7,.995));box-shadow:0 22px 52px rgba(0,0,0,.54),0 0 0 1px rgba(255,255,255,.018) inset;transform-origin:top center;} .contact-topic-menu[hidden]{display:none!important;} .contact-topic-menu.is-entering{animation:contactTopicMenuIn .2s cubic-bezier(.16,1,.3,1) both;} @keyframes contactTopicMenuIn{from{opacity:0;transform:translateY(-5px) scale(.99)}to{opacity:1;transform:none}} .contact-topic-option{width:100%;min-height:40px;display:flex;align-items:center;position:relative;appearance:none;border:0;border-radius:5px;padding:0 13px;background:transparent;color:#BDB4B6;cursor:pointer;text-align:left;font:500 12.5px/1.35 var(--sans);transition:color .14s ease,background .14s ease,padding-left .18s cubic-bezier(.16,1,.3,1);} .contact-topic-option::before{content:"";position:absolute;left:5px;top:50%;width:2px;height:0;border-radius:2px;background:#8D3345;transform:translateY(-50%);transition:height .16s ease;} .contact-topic-option:hover,.contact-topic-option.is-active{color:#F0E9EB;background:rgba(122,38,55,.11);padding-left:17px;} .contact-topic-option:hover::before,.contact-topic-option.is-active::before{height:52%;} .contact-topic-option.is-selected{color:#D7C5CA;background:rgba(122,38,55,.075);} .contact-topic-option.is-selected::after{content:"✓";margin-left:auto;color:#9A3D50;font:650 10px/1 var(--sans);} .contact-field.is-invalid .contact-topic-button{border-color:#A94B5E;box-shadow:0 0 0 2px rgba(169,75,94,.08);} .contact-textarea{min-height:188px;resize:vertical;padding:14px;line-height:1.65;} .contact-input::placeholder,.contact-textarea::placeholder{color:#574F51;} .contact-input:focus,.contact-select:focus,.contact-textarea:focus{border-color:#8D3345;background:#0E0B0C;box-shadow:0 0 0 3px rgba(122,38,55,.085),0 10px 24px rgba(0,0,0,.16);} .contact-field.is-invalid .contact-input,.contact-field.is-invalid .contact-select,.contact-field.is-invalid .contact-textarea{border-color:#A94B5E;box-shadow:0 0 0 2px rgba(169,75,94,.08);} .contact-field-error{min-height:12px;margin-top:-3px;color:#A95A6A;font:500 9px/1.35 var(--sans);} .contact-message-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-2px;color:#61585B;font:500 9px/1.3 var(--sans);} .contact-counter{font-family:var(--cond);letter-spacing:.08em;} .contact-submit-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:4px;padding-top:20px;border-top:1px solid rgba(122,38,55,.16);} .contact-submit{position:relative;overflow:hidden;min-width:160px;height:46px;border:1px solid #7A2637;border-radius:7px;background:linear-gradient(180deg,#812B3C,#67202E);color:#fff;cursor:pointer;font:650 11px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;box-shadow:0 12px 28px rgba(0,0,0,.28);transition:transform .18s,filter .18s,border-color .18s,box-shadow .18s;} .contact-submit::after{content:"→";margin-left:12px;color:#E7BEC7;} .contact-submit:hover{transform:translateY(-2px);filter:brightness(1.10);border-color:#9A3D50;box-shadow:0 16px 34px rgba(0,0,0,.34);} .contact-submit:active{transform:translateY(0);} .contact-status{display:none;margin-top:22px;padding:16px 18px;border:1px solid rgba(122,38,55,.35);border-radius:8px;background:rgba(122,38,55,.075);color:#CFC4C7;font:500 12px/1.6 var(--sans);} .contact-status.is-show{display:block;animation:contactStatusIn .26s ease both;} @keyframes contactStatusIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}} .contact-status strong{display:block;margin-bottom:3px;color:#E9E1E3;font:650 12px/1.4 var(--sans);} .contact-status small{display:block;margin-top:5px;color:#806F73;font-size:9.5px;} .contact-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;} .contact-submit:disabled{cursor:not-allowed!important;transform:none!important;filter:none!important;opacity:.62!important;box-shadow:none!important;} .contact-submit.is-sending::after{content:"…";letter-spacing:.08em;} .contact-status[data-state="error"]{border-color:rgba(169,75,94,.38);background:rgba(169,75,94,.07);} .contact-status[data-state="cooldown"]{border-color:rgba(122,38,55,.28);background:rgba(122,38,55,.055);} .contact-status[data-state="success"]{border-color:rgba(111,139,117,.32);background:rgba(74,104,81,.065);} .contact-turnstile-slot[hidden]{display:none!important;} @media (max-width:860px){ .contact-shell{grid-template-columns:1fr;} .contact-intro{min-height:0;border-right:0;border-bottom:1px solid rgba(122,38,55,.20);padding:40px 34px;} .contact-meta{margin-top:34px;} .contact-form-panel{padding:36px 34px;} } @media (max-width:600px){ .contact-view{padding:20px 12px 50px;} .contact-topbar{grid-template-columns:1fr auto;} .contact-intro,.contact-form-panel{padding:30px 22px;} .contact-title{font-size:39px;} .contact-field-grid{grid-template-columns:1fr;} .contact-submit-row{align-items:stretch;flex-direction:column;} .contact-submit{width:100%;} .contact-meta-item{grid-template-columns:76px 1fr;} } .article-topbar, .faq-topbar, .contact-topbar, .site-page-topbar{ min-height:42px; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; padding-left:28px; padding-right:28px; border-bottom:1px solid rgba(122,38,55,.18); background:rgba(7,7,7,.66); } .article-back, .faq-back, .contact-back, .site-page-back{ justify-self:start; appearance:none; border:0; background:transparent; color:#9b9194; cursor:pointer; font:600 11px/1 var(--sans); letter-spacing:.05em; padding:8px 0; text-transform:none; transition:color .16s ease,transform .16s ease; } .article-back:hover, .faq-back:hover, .contact-back:hover, .site-page-back:hover{ color:#fff; transform:translateX(-3px); } .article-section-mark, .faq-top-mark, .contact-mark, .site-page-mark{ justify-self:center; color:#a74055; font:700 10px/1 var(--cond); letter-spacing:.24em; text-transform:uppercase; } .article-index, .faq-top-kind, .contact-kind, .site-page-kind{ justify-self:end; color:#655d5f; font:600 9px/1 var(--sans); letter-spacing:.18em; text-transform:uppercase; } @media(max-width:700px){ .article-topbar,.faq-topbar,.contact-topbar,.site-page-topbar{padding-left:16px;padding-right:16px;} } .site-page-stage{width:min(1120px,100%)!important;}.site-page-shell{position:relative;overflow:hidden;border:1px solid rgba(122,38,55,.34);border-radius:13px;background:linear-gradient(145deg,rgba(13,12,12,.985),rgba(7,7,7,.97));box-shadow:0 30px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.018);}.site-page-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 7%,rgba(122,38,55,.12),transparent 30%),linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.012) 42.2%,transparent 42.5%);}.site-page-topbar{position:relative;z-index:2;margin:0!important;grid-column:1/-1;background:rgba(7,7,7,.66)!important;padding:0 28px!important;}.site-page-sheet{position:relative;z-index:1;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;--site-page-title-color:#F0EAEC;--site-page-body-color:#CEC6C8;}.site-page-title{color:var(--site-page-title-color,#F0EAEC)!important;}.site-page-content{color:var(--site-page-body-color,#CEC6C8)!important;}.site-page-lead{margin:0 0 30px!important;padding:16px 18px;border:1px solid rgba(122,38,55,.22);border-left:2px solid #7A2637;border-radius:7px;background:rgba(122,38,55,.055);color:var(--site-page-body-color,#CEC6C8);font-size:calc(var(--site-page-body-size,16px) + 1px);line-height:1.75!important;}.site-page-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 34px;}.site-page-gallery figure{margin:0;overflow:hidden;border:1px solid rgba(122,38,55,.24);border-radius:7px;background:#080808;}.site-page-gallery img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:#050505;}.site-page-gallery figcaption{padding:9px 11px;color:#817579;font:500 10px/1.5 var(--sans);border-top:1px solid rgba(122,38,55,.14);} body.admin-mode .admin-bar{display:grid;grid-template-columns:auto auto;align-items:center;gap:6px 8px;}body.admin-mode .admin-bar>span{grid-column:1/-1;}.admin-bar #admin-nav-settings{grid-column:1;grid-row:2;}.admin-bar #admin-logout{grid-column:2;grid-row:2;}.admin-bar #admin-entry{grid-column:1;grid-row:3;width:100%;height:30px;margin:0!important;justify-content:center;border-color:rgba(122,38,55,.48);background:rgba(122,38,55,.14);font-size:11px;letter-spacing:.05em;} @media(max-width:700px){.site-page-shell{border-radius:0 0 9px 9px!important;box-shadow:none!important;}.site-page-topbar{padding:0 max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px))!important;}.site-page-gallery{grid-template-columns:1fr;gap:10px}.site-page-lead{padding:13px 14px;margin-bottom:22px!important;}} @media (max-width:760px), (max-width:900px) and (hover:none) and (pointer:coarse){ .mobile-nav-drawer{ background: radial-gradient(circle at 16% 7%,rgba(122,38,55,.12),transparent 30%), linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.012) 42.2%,transparent 42.5%), linear-gradient(145deg,rgba(13,12,12,.995),rgba(0,0,0,.985))!important; background-color:#000!important; } } /* v89.110 — Primary Resource CTA: one strong article-level external access entry. */ .article-resource-section{ position:relative; overflow:hidden; max-width:760px; margin:46px auto 0; padding:29px 34px 27px; border:1px solid rgba(185,62,87,.72); border-radius:13px; background: radial-gradient(circle at 78% 18%,rgba(168,42,70,.16),transparent 38%), linear-gradient(180deg,rgba(38,13,21,.80),rgba(10,8,9,.96)); box-shadow:0 18px 48px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.025); text-align:center; } .article-resource-section::after{ content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.018) 47%,transparent 68%); } .article-resource-kicker{ position:relative; z-index:1; display:flex; align-items:center; justify-content:center; gap:12px; margin:0 0 14px; color:#D55C78; font:700 12px/1.2 var(--sans); letter-spacing:.16em; text-transform:uppercase; } .article-resource-kicker::before,.article-resource-kicker::after{ content:''; width:38px; height:1px; background:linear-gradient(90deg,transparent,rgba(181,58,83,.72)); } .article-resource-kicker::after{background:linear-gradient(90deg,rgba(181,58,83,.72),transparent);} .article-resource-title{ position:relative; z-index:1; margin:0; color:#F3ECEE; font:500 33px/1.18 var(--serif); letter-spacing:.01em; } .article-resource-description{ position:relative; z-index:1; max-width:620px; margin:11px auto 0; color:#B9AEB1; font:400 14px/1.65 var(--sans); } .article-resource-button{ position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center; gap:12px; width:min(100%,390px); min-height:58px; margin:20px auto 0; padding:0 24px; border:1px solid rgba(238,87,119,.98); border-radius:8px; background:linear-gradient(100deg,#8B2440 0%,#B93459 48%,#D84B70 100%); box-shadow:0 9px 28px rgba(130,28,53,.24),inset 0 1px 0 rgba(255,255,255,.13); color:#FFF7F9; text-decoration:none; font:750 14px/1 var(--sans); letter-spacing:.055em; text-transform:uppercase; transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease; } .article-resource-button::after{content:'↗';font-size:16px;font-weight:500;line-height:1;} .article-resource-button:hover{ transform:translateY(-1px); filter:brightness(1.08); border-color:#FF7393; box-shadow:0 12px 34px rgba(171,39,72,.35),0 0 24px rgba(160,42,69,.12),inset 0 1px 0 rgba(255,255,255,.17); } .article-resource-button:focus-visible{outline:2px solid #DF7188;outline-offset:3px;} .article-resource-note{ position:relative; z-index:1; margin:12px 0 0; color:#796D70; font:500 10.5px/1.4 var(--sans); letter-spacing:.015em; } .article-resource-section[hidden]{display:none!important;} .article-body .article-resource-title{ margin:0!important;max-width:none!important;text-align:center!important;color:#F3ECEE!important; font:500 33px/1.18 var(--serif)!important;letter-spacing:.01em!important; } .article-body .article-resource-description{ max-width:620px!important;margin:11px auto 0!important;text-align:center!important;color:#B9AEB1!important; font:400 14px/1.65 var(--sans)!important; } .article-body .article-resource-note{ max-width:none!important;margin:12px 0 0!important;text-align:center!important;color:#796D70!important; font:500 10.5px/1.4 var(--sans)!important;letter-spacing:.015em!important; } /* Article editor resource controls. */ .resource-editor-box{ display:grid; gap:11px; padding:13px; border:1px solid rgba(122,38,55,.28); border-radius:8px; background:linear-gradient(180deg,rgba(122,38,55,.07),rgba(7,7,7,.42)); } .resource-editor-grid{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(280px,1.4fr);gap:10px;} .resource-editor-field{display:grid;gap:6px;min-width:0;} .resource-editor-field label{color:#aa999d;font:650 10px/1.35 var(--sans);} .resource-editor-field select,.resource-editor-field input{ width:100%;min-width:0;height:39px;border:1px solid #3d2930;border-radius:6px;background:#090909;color:#e5dbde; padding:0 10px;outline:none;font:550 11px/1.35 var(--sans); } .resource-editor-field select:focus,.resource-editor-field input:focus{border-color:#7A2637;box-shadow:0 0 0 2px rgba(122,38,55,.10);} .resource-editor-hint{color:#75686b;font:450 9px/1.5 var(--sans);} .resource-editor-hint strong{color:#AA7A85;font-weight:650;} .resource-editor-field.is-disabled{opacity:.48;} .resource-editor-field.is-disabled input{pointer-events:none;} .resource-editor-global-current,.resource-editor-hidden-state{ min-height:39px;display:flex;align-items:center;gap:9px;padding:7px 8px 7px 10px;border:1px solid #3d2930;border-radius:6px; background:#090909;color:#cfc4c7;font:550 10px/1.4 var(--sans);min-width:0; } .resource-editor-global-value{ flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9c8d91; } .resource-editor-global-value.has-url{color:#d8cdd0;} .resource-editor-global-edit{ flex:0 0 auto;min-height:29px;padding:0 10px;border:1px solid rgba(122,38,55,.58);border-radius:5px;background:rgba(122,38,55,.10); color:#c88a98;cursor:pointer;font:650 9.5px/1 var(--sans);transition:border-color .16s ease,background .16s ease,color .16s ease; } .resource-editor-global-edit:hover{border-color:#9b4053;background:rgba(122,38,55,.20);color:#efcbd3;} .resource-editor-hidden-state{color:#887b7f;border-style:dashed;} /* Management Center resource settings. */ .resource-global-settings{ display:grid;gap:13px;padding:14px;border:1px solid rgba(122,38,55,.30);border-radius:8px; background:linear-gradient(180deg,rgba(122,38,55,.075),rgba(7,7,7,.46)); } .resource-global-settings-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;} .resource-global-settings-head strong{display:block;margin:0 0 4px;color:#ddd1d4;font:700 13px/1.35 var(--sans);} .resource-global-settings-head p{margin:0;color:#806f73;font:400 10px/1.55 var(--sans);} .resource-global-toggle{display:flex;align-items:center;gap:8px;flex:0 0 auto;color:#b7a6aa;font:600 10px/1.35 var(--sans);} .resource-global-toggle input{accent-color:#8D3345;} .resource-global-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} .resource-global-grid .nav-settings-field.is-wide{grid-column:1/-1;} .resource-global-grid textarea{ min-height:70px;resize:vertical;width:100%;border:1px solid #3d2930;border-radius:6px;background:#080808;color:#eee; padding:9px 10px;outline:none;font:500 11px/1.55 var(--sans); } .resource-global-grid textarea:focus{border-color:#7A2637;box-shadow:0 0 0 2px rgba(122,38,55,.11);} .resource-global-options{display:flex;flex-wrap:wrap;gap:10px 18px;padding-top:2px;} .resource-global-options label{display:flex;align-items:center;gap:7px;color:#9f8d92;font:550 10px/1.4 var(--sans);} .resource-global-options input{accent-color:#8D3345;} .resource-global-note{margin:0;color:#6f6266;font:400 9px/1.5 var(--sans);} @media(max-width:760px){ .article-resource-section{margin-top:32px;padding:23px 16px 21px;border-radius:10px;} .article-resource-kicker{font-size:10px;gap:9px;margin-bottom:12px;} .article-resource-kicker::before,.article-resource-kicker::after{width:28px;} .article-resource-title{font-size:25px;line-height:1.22;} .article-resource-description{margin-top:9px;font-size:12px;line-height:1.62;} .article-resource-button{width:100%;min-height:52px;margin-top:17px;border-radius:7px;font-size:12px;transition:none;} .article-resource-button:hover{transform:none;} .article-resource-note{font-size:9.5px;margin-top:10px;} .article-body .article-resource-title{font-size:25px!important;line-height:1.22!important;text-align:center!important;margin:0!important;} .article-body .article-resource-description{font-size:12px!important;line-height:1.62!important;text-align:center!important;margin:9px auto 0!important;} .article-body .article-resource-note{font-size:9.5px!important;line-height:1.4!important;text-align:center!important;margin:10px 0 0!important;} .resource-editor-grid,.resource-global-grid{grid-template-columns:1fr;} .resource-global-settings-head{display:grid;} } /* v89.114 — Place the article help prompt inside the Primary Resource card. */ .article-help-card{ position:relative; overflow:hidden; max-width:640px; margin:22px auto 0; padding:16px 18px 15px; border:1px solid rgba(167,55,77,.24); border-radius:12px; background: radial-gradient(circle at 12% 18%,rgba(167,55,77,.08),transparent 34%), linear-gradient(130deg,rgba(21,14,17,.78),rgba(10,8,9,.9) 58%,rgba(17,12,14,.9)); box-shadow:inset 0 1px 0 rgba(255,255,255,.025); text-align:left; } .article-help-card::after{ content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(118deg,transparent 18%,rgba(255,255,255,.012) 48%,transparent 68%); } .article-help-card[hidden]{display:none!important;} .article-help-card.is-icon-hidden .article-help-top{grid-template-columns:minmax(0,1fr);} .article-help-top{ position:relative; z-index:1; display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; align-items:start; } .article-help-icon{ width:38px; height:38px; border:1px solid rgba(188,74,100,.52); border-radius:50%; display:grid; place-items:center; color:#D95C79; background:rgba(122,38,55,.11); box-shadow:inset 0 1px 0 rgba(255,255,255,.03); flex:none; } .article-help-icon::before{content:'?';font:700 23px/1 Georgia,'Times New Roman',serif;transform:translateY(-1px);} .article-help-title{margin:0;color:#F2EAED;font:600 17px/1.24 var(--serif);letter-spacing:.005em;} .article-help-description{margin:8px 0 0;color:#AFA3A7;font:400 12px/1.58 var(--sans);} .article-help-links{ position:relative; z-index:1; display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin-top:14px; padding-left:52px; } .article-help-link{display:inline-flex;align-items:center;gap:7px;color:#D95C79;text-decoration:none;font:700 11.5px/1.4 var(--sans);letter-spacing:.02em;transition:color .18s ease,transform .18s ease,opacity .18s ease;} .article-help-link::after{content:'›';font-size:17px;line-height:1;transform:translateY(-1px);} .article-help-link:hover{color:#F07A96;transform:translateX(1px);} .article-help-link:focus-visible{outline:2px solid #DF7188;outline-offset:3px;border-radius:3px;} .article-help-divider{color:#5E5357;font:500 14px/1 var(--sans);opacity:.95;} .article-help-divider[hidden]{display:none!important;} .resource-help-global-note{margin:0;color:#6f6266;font:400 9px/1.55 var(--sans);} @media(max-width:700px){ .article-help-card{margin-top:18px;padding:14px 14px 13px;border-radius:10px;} .article-help-top{gap:12px;} .article-help-icon{width:34px;height:34px;} .article-help-icon::before{font-size:20px;} .article-help-title{font-size:15px;line-height:1.26;} .article-help-description{font-size:11px;line-height:1.55;} .article-help-links{margin-top:12px;padding-left:46px;gap:7px 12px;} .article-help-link{font-size:10.5px;} } @media(max-width:520px){ .article-help-links{padding-left:0;} .article-help-divider{display:none;} } .article-body .article-resource-section .article-help-icon::before{line-height:1!important;} .article-body .article-resource-section h2.article-help-title{padding:0!important;max-width:none!important;} .article-body .article-resource-section p.article-help-description{padding:0!important;max-width:none!important;text-align:left!important;} .article-body .article-resource-section a.article-help-link{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;} .article-body .article-resource-section a.article-help-link::after{content:"›"!important;line-height:1!important;} .article-body .article-resource-section .article-help-divider{margin:0!important;} .article-body .article-resource-section .article-help-icon{border-width:1px!important;} .article-body .article-resource-section .article-help-card::after{opacity:.35!important;} .article-body .article-resource-section .article-help-top{grid-template-columns:24px minmax(0,1fr)!important;gap:8px!important;} .article-body .article-resource-section .article-help-icon{border-color:rgba(188,74,100,.38)!important;} .article-body .article-resource-section p.article-help-description{color:#81767A!important;font:400 8.8px/1.4 var(--sans)!important;} .article-body .article-resource-section a.article-help-link{opacity:.92!important;} .article-body .article-resource-section a.article-help-link:hover{color:#D45C78!important;opacity:1!important;} @media (max-width:700px){ .article-body .article-resource-section .article-help-top{grid-template-columns:22px minmax(0,1fr)!important;gap:7px!important;} .article-body .article-resource-section p.article-help-description{font-size:8.4px!important;} .article-body .article-resource-section .article-help-links{padding-left:29px!important;} } @media (max-width:460px){ .article-body .article-resource-section .article-help-card{width:100%!important;} .article-body .article-resource-section .article-help-links{padding-left:0!important;} } .article-body .article-resource-section .article-help-card{position:relative!important;margin:18px auto 0!important;border:1px solid rgba(155,52,75,.19)!important;border-radius:9px!important;background:linear-gradient(125deg,rgba(18,12,14,.50),rgba(8,8,9,.70))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.014)!important;overflow:visible!important;text-align:left!important;} .article-body .article-resource-section .article-help-card::before{content:""!important;position:absolute!important;left:50%!important;top:-13px!important;width:84%!important;height:1px!important;background:linear-gradient(90deg,rgba(120,76,86,0),rgba(120,76,86,.30) 12%,rgba(145,95,106,.50) 50%,rgba(120,76,86,.30) 88%,rgba(120,76,86,0))!important;transform:translateX(-50%)!important;pointer-events:none!important;} .article-body .article-resource-section .article-help-card::after{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;border-radius:inherit!important;background:linear-gradient(118deg,transparent 18%,rgba(255,255,255,.008) 48%,transparent 68%)!important;} .article-body .article-resource-section .article-help-top{position:static!important;z-index:1!important;margin:0!important;} .article-body .article-resource-section .article-help-copy{position:relative!important;z-index:1!important;} .article-body .article-resource-section .article-help-icon{position:absolute!important;left:18px!important;top:50%!important;transform:translateY(-50%)!important;border-radius:50%!important;display:grid!important;place-items:center!important;margin:0!important;background:rgba(17,9,12,.16)!important;color:#D85B79!important;} .article-body .article-resource-section .article-help-icon::before{content:"?"!important;font:700 16px/1 Georgia,"Times New Roman",serif!important;transform:translateY(0)!important;text-shadow:0 0 6px rgba(216,91,121,.06)!important;} .article-body .article-resource-section h2.article-help-title{margin:0!important;color:#EDE4E7!important;font:600 14px/1.12 var(--sans)!important;letter-spacing:0!important;text-align:left!important;} .article-body .article-resource-section p.article-help-description{margin:0!important;display:none!important;} .article-body .article-resource-section .article-help-links{position:relative!important;z-index:1!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:5px 9px!important;padding:0!important;} .article-body .article-resource-section a.article-help-link{display:inline-flex!important;align-items:center!important;gap:5px!important;color:#D55A77!important;text-decoration:none!important;font:700 10px/1.24 var(--sans)!important;letter-spacing:.008em!important;} .article-body .article-resource-section a.article-help-link::after{font-size:13px!important;} .article-body .article-resource-section .article-help-divider{color:#64575C!important;font:500 9px/1 var(--sans)!important;opacity:.86!important;} @media (max-width:700px){ .article-body .article-resource-section .article-help-card{width:100%!important;max-width:none!important;margin-top:16px!important;border-radius:8px!important;} .article-body .article-resource-section .article-help-card::before{top:-12px!important;width:88%!important;} .article-body .article-resource-section .article-help-icon{left:14px!important;} .article-body .article-resource-section h2.article-help-title{font-size:13px!important;} .article-body .article-resource-section .article-help-links{gap:4px 8px!important;} .article-body .article-resource-section a.article-help-link{font-size:9.7px!important;} } @media (max-width:460px){ .article-body .article-resource-section .article-help-icon{left:12px!important;} .article-body .article-resource-section h2.article-help-title{font-size:12.5px!important;} .article-body .article-resource-section .article-help-links{gap:4px 6px!important;} .article-body .article-resource-section a.article-help-link{font-size:9.2px!important;} .article-body .article-resource-section .article-help-divider{display:inline!important;} } /* v89.122 — thinner question ring + better vertical centering inside the compact help card. */ .article-body .article-resource-section .article-help-card{ display:flex!important; flex-direction:column!important; justify-content:center!important; width:min(100%,390px)!important; max-width:390px!important; min-height:58px!important; padding:9px 15px 9px 60px!important; } .article-body .article-resource-section .article-help-icon{ width:34px!important; height:34px!important; min-width:34px!important; border:1px solid rgba(196,86,112,.72)!important; box-shadow:inset 0 0 0 1px rgba(196,86,112,.12), 0 0 6px rgba(155,52,75,.04)!important; } .article-body .article-resource-section .article-help-icon::before{ font-size:15px!important; } .article-body .article-resource-section .article-help-top{ display:flex!important; align-items:center!important; min-height:0!important; } .article-body .article-resource-section .article-help-copy{ display:flex!important; flex-direction:column!important; justify-content:center!important; min-height:0!important; } .article-body .article-resource-section h2.article-help-title{ line-height:1.1!important; } .article-body .article-resource-section .article-help-links{ margin:4px 0 0!important; min-height:0!important; align-items:center!important; } @media(max-width:700px){ .article-body .article-resource-section .article-help-card{ min-height:54px!important; padding:9px 12px 9px 54px!important; } .article-body .article-resource-section .article-help-icon{ width:31px!important; height:31px!important; min-width:31px!important; border-width:1px!important; } .article-body .article-resource-section .article-help-icon::before{font-size:14px!important;} .article-body .article-resource-section .article-help-links{margin-top:4px!important;} } @media(max-width:460px){ .article-body .article-resource-section .article-help-card{ min-height:50px!important; padding:8px 10px 8px 48px!important; } .article-body .article-resource-section .article-help-icon{ width:28px!important; height:28px!important; min-width:28px!important; border-width:1px!important; } .article-body .article-resource-section .article-help-icon::before{font-size:13px!important;} .article-body .article-resource-section .article-help-links{margin-top:3px!important;} } .mobile-search-cooldown-note.is-visible{display:block;} /* v89.126 — search empty state + FAQ resource request continuation. */ .search-empty-state{ width:min(100%,760px);margin:28px auto 18px;padding:28px 30px; border:1px solid rgba(122,38,55,.26);border-radius:10px; background:linear-gradient(120deg,rgba(17,12,14,.58),rgba(7,7,8,.92)); display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:17px; box-shadow:inset 0 1px 0 rgba(255,255,255,.015); } .search-empty-state[hidden]{display:none!important;} .search-empty-mark{width:36px;height:36px;border:1px solid rgba(188,74,100,.44);border-radius:50%;display:grid;place-items:center;color:#c9506d;font:600 16px/1 Georgia,'Times New Roman',serif;background:rgba(122,38,55,.045);} .search-empty-copy h2{margin:0;color:#e8dfe2;font:600 18px/1.2 var(--serif);} .search-empty-copy p{margin:5px 0 0;color:#8f8387;font:400 11px/1.55 var(--sans);} .search-empty-clear{height:38px;padding:0 15px;border:1px solid rgba(145,50,73,.62);border-radius:7px;background:rgba(122,38,55,.12);color:#d8c8cc;cursor:pointer;font:700 9px/1 var(--sans);letter-spacing:.12em;white-space:nowrap;transition:.18s ease;} .search-empty-clear:hover{border-color:#a34158;background:rgba(122,38,55,.22);color:#fff;} .faq-resource-request{display:inline-flex;align-items:center;margin:13px 0 2px;padding:0;border:0;background:none;color:#c14b66;cursor:pointer;font:700 9.5px/1.25 var(--sans);letter-spacing:.12em;text-transform:uppercase;transition:color .16s ease,transform .16s ease;} .faq-resource-request:hover{color:#db627c;transform:translateX(2px);} .faq-resource-request:focus-visible{outline:1px solid rgba(193,75,102,.7);outline-offset:4px;border-radius:2px;} @media(max-width:700px){ .search-empty-state{margin:19px auto 12px;padding:20px 17px;grid-template-columns:34px minmax(0,1fr);gap:12px;} .search-empty-mark{width:31px;height:31px;font-size:14px;} .search-empty-copy h2{font-size:16px;} .search-empty-copy p{font-size:10.5px;} .search-empty-clear{grid-column:1/-1;width:100%;height:42px;margin-top:3px;} .faq-resource-request{margin-top:12px;font-size:9px;} } /* v89.128 — third compact help link; preserve the approved resource-card width. */ .article-body .article-resource-section .article-help-links{column-gap:6px!important;} .article-body .article-resource-section a.article-help-link{white-space:nowrap!important;} /* v89.130 — keep FAQ action links at lower right, nudged slightly upward and inward. */ .faq-answer-inner .faq-resource-request{ display:flex!important; width:max-content!important; margin-top:9px!important; margin-left:auto!important; margin-right:10px!important; margin-bottom:2px!important; } @media(max-width:700px){ .faq-answer-inner .faq-resource-request{ margin-top:8px!important; margin-right:7px!important; } } /* v89.141 — brighten article metadata text without changing layout or borders. */ .article-side-label{ color:#B8AEB1!important; } .article-side-value{ color:#EEE8EA!important; } .article-tag-list span, .article-tag-list button{ color:#E3DBDE!important; } .article-tag-list button:hover{ color:#FFF!important; } /* v89-142: brighten desktop top navigation text without changing layout */ @media (min-width: 981px){ .nav a.nav-link, .nav-feature-toggle{ color:#d2c6ca; } .nav-drop > .nav-link::after, .nav-feature-toggle::after{ opacity:.78; } .lang-toggle{ color:#d4c8cc; } .lang-toggle svg, .lang-toggle .lang-caret{ opacity:.9; } .admin-entry-btn{ color:#d1c4c8; } .nav-inline-search input{ color:#ece4e7; } .nav-inline-search input::placeholder{ color:#c4b6bb; opacity:1; } } /* Honor management visibility settings without changing the compact help layout. */ #article-help-card[hidden],#article-help-card [hidden]{display:none!important;} /* Keep expanded sections at their content height so later section headings remain reachable. */ .nav-settings-body{grid-auto-rows:min-content;align-content:start;} /* Keep navigation within narrow desktop widths, including fallback font rendering. */ @media (min-width:901px) and (max-width:1240px){ .nav-in{padding-inline:12px;gap:2px;} .nav a.nav-link,.nav-feature-toggle{padding-inline:9px;letter-spacing:.1em;font-size:15px;} .nav-inline-search{width:150px;flex:0 1 150px;min-width:100px;margin-inline:5px;} .lang-toggle{padding-inline:6px;gap:4px;} .admin-entry-btn{padding-inline:9px;margin-left:2px;} } /* Preserve the resource button design while keeping its label readable. */ .article-body a.article-resource-button{color:#FFF7F9!important;background:linear-gradient(100deg,#8B2440 0%,#B93459 48%,#C83D60 100%);} .article-body a.article-resource-button:hover{color:#FFF7F9!important;filter:none;} .management-center-faq-body{padding-top:14px;} .faq-admin-settings{display:grid;gap:10px;} .faq-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid rgba(122,38,55,.26);border-radius:7px;background:rgba(7,7,7,.50);} .faq-admin-head strong{display:block;color:#ddd1d4;font:700 12px/1.3 var(--sans);} .faq-admin-head p{margin:3px 0 0;color:#7f7074;font:400 9.5px/1.45 var(--sans);} .faq-admin-head-actions{display:flex;align-items:center;gap:8px;flex:none;} #faq-admin-count{color:#8f777d;font:600 9px/1 var(--sans);letter-spacing:.08em;white-space:nowrap;} .faq-admin-add{height:30px;border:1px solid #713040;border-radius:6px;background:#211116;color:#d9c8cc;padding:0 10px;cursor:pointer;font:650 9.5px/1 var(--sans);transition:.16s ease;} .faq-admin-add:hover{border-color:#9b4054;background:#32161f;color:#fff;} .faq-admin-page-grid{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(320px,1.28fr);gap:8px;} .faq-admin-intro-field textarea{width:100%;min-height:62px;resize:vertical;border:1px solid #382329;border-radius:6px;background:#090909;color:#ddd1d4;padding:8px 9px;font:500 10.5px/1.5 var(--sans);outline:none;} .faq-admin-intro-field textarea:focus{border-color:#7A2637;box-shadow:0 0 0 2px rgba(122,38,55,.08);} .faq-admin-list{display:grid;gap:7px;counter-reset:faqAdmin;} .faq-admin-row{counter-increment:faqAdmin;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:7px;align-items:start;padding:7px;border:1px solid #342126;border-radius:7px;background:linear-gradient(180deg,#0b0a0a,#080808);} .faq-admin-index{display:grid;place-items:center;width:30px;height:30px;margin-top:17px;border:1px solid rgba(122,38,55,.45);border-radius:6px;background:rgba(122,38,55,.09);color:#b45b6e;font:700 9px/1 var(--cond);letter-spacing:.08em;} .faq-admin-index:before{content:counter(faqAdmin,decimal-leading-zero);} .faq-admin-fields{display:grid;gap:6px;} .faq-admin-field{display:grid;gap:4px;min-width:0;} .faq-admin-field label{color:#8d7c80;font:600 8.8px/1.2 var(--sans);letter-spacing:.045em;} .faq-admin-field input{width:100%;box-sizing:border-box;height:32px;padding:0 9px;border:1px solid #362127;border-radius:5px;background:#090909;color:#ddd1d4;outline:none;font:500 10.5px/1.45 var(--sans);transition:border-color .15s,box-shadow .15s,background .15s;} .faq-admin-field input:focus{border-color:#7A2637;background:#0c090a;box-shadow:0 0 0 2px rgba(122,38,55,.07);} .faq-rich-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;} .faq-rich-tool{height:27px;border:1px solid #3c282d;border-radius:5px;background:#121011;color:#a99ca0;padding:0 8px;cursor:pointer;font:650 8.8px/1 var(--sans);transition:.15s;} .faq-rich-tool:hover,.faq-rich-tool.is-active{border-color:#7A2637;background:#251117;color:#fff;} .faq-rich-tool.is-danger{color:#a85a6b;} .faq-rich-image-input{display:none!important;} .faq-link-panel{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;align-items:center;padding:6px;border:1px solid #352129;border-radius:6px;background:#0d0a0b;} .faq-link-panel[hidden]{display:none!important;} .faq-link-panel input[type="text"]{height:30px!important;} .faq-link-newtab{display:inline-flex;align-items:center;gap:5px;color:#a99ca0;font:600 8.8px/1.2 var(--sans);white-space:nowrap;cursor:pointer;} .faq-link-newtab input{accent-color:#7A2637;} .faq-rich-editor{min-height:60px;max-height:220px;overflow:auto;padding:8px 9px;border:1px solid #362127;border-radius:6px;background:#090909;color:#ddd1d4;outline:none;font:500 10.5px/1.55 var(--sans);transition:border-color .15s,box-shadow .15s,background .15s;} .faq-rich-editor:focus{border-color:#7A2637;background:#0c090a;box-shadow:0 0 0 2px rgba(122,38,55,.07);} .faq-rich-editor:empty:before{content:attr(data-placeholder);color:#62585b;pointer-events:none;} .faq-rich-editor a{color:#D2A642;text-decoration:underline;text-decoration-color:rgba(122,38,55,.82);text-underline-offset:3px;} .faq-rich-editor img{display:block;max-width:min(100%,520px);max-height:220px;object-fit:contain;margin:7px 0;border:1px solid #3b272c;border-radius:6px;background:#050505;cursor:pointer;} .faq-rich-editor img.is-selected{border-color:#9a3d50;box-shadow:0 0 0 2px rgba(122,38,55,.16);} .faq-rich-note{color:#6f6266;font:400 8.5px/1.4 var(--sans);} .faq-admin-actions{display:grid;grid-template-columns:30px 30px;gap:5px;margin-top:17px;} .faq-admin-action{height:29px;border:1px solid #3c282d;border-radius:5px;background:#121011;color:#a79499;cursor:pointer;font:650 10px/1 var(--sans);transition:.15s;} .faq-admin-action:hover:not(:disabled){border-color:#7A2637;background:#251117;color:#fff;} .faq-admin-action:disabled{opacity:.25;cursor:not-allowed;} .faq-admin-action.is-remove{grid-column:1/-1;color:#a85a6b;} .faq-admin-action.is-remove:hover{border-color:#92374a;background:#30131b;color:#fff;} .faq-admin-empty{padding:14px;border:1px dashed #3b272c;border-radius:7px;color:#77686c;text-align:center;font:500 9.5px/1.45 var(--sans);} @media(max-width:760px){.faq-admin-head{display:grid}.faq-admin-head-actions{justify-content:space-between}.faq-admin-page-grid{grid-template-columns:1fr}.faq-admin-row{grid-template-columns:30px minmax(0,1fr)}.faq-admin-index{grid-row:1}.faq-admin-actions{grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin-top:0}.faq-admin-action.is-remove{grid-column:auto}.faq-link-panel{grid-template-columns:1fr auto}.faq-link-newtab{grid-column:1/-1}.faq-rich-editor{max-height:260px}} .article-gallery img{ cursor:zoom-in; transition:filter .2s ease, opacity .2s ease, transform .22s ease; } .article-gallery figure:hover img{filter:brightness(1.045);} body.article-lightbox-open{overflow:hidden;} .article-lightbox{ position:fixed; inset:0; z-index:10000; display:grid; place-items:center; padding:28px 82px 24px; background:rgba(2,2,2,.91); backdrop-filter:blur(12px) saturate(110%); -webkit-backdrop-filter:blur(12px) saturate(110%); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .22s ease,visibility 0s linear .22s; } .article-lightbox.is-open{ opacity:1; visibility:visible; pointer-events:auto; transition-delay:0s; } .article-lightbox::before{ content:""; position:absolute; inset:0; pointer-events:none; background: radial-gradient(circle at 50% 46%,rgba(122,38,55,.12),transparent 44%), linear-gradient(180deg,rgba(255,255,255,.015),transparent 24%); } .article-lightbox-stage{ position:relative; z-index:1; width:min(1280px,100%); height:min(88vh,900px); display:grid; grid-template-rows:minmax(0,1fr) auto; overflow:hidden; border:1px solid rgba(122,38,55,.48); border-radius:7px; background:linear-gradient(180deg,#0b0a0a,#050505); box-shadow:0 34px 110px rgba(0,0,0,.76),0 0 0 1px rgba(255,255,255,.018) inset; transform:translateY(10px) scale(.975); opacity:0; transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .22s ease; } .article-lightbox.is-open .article-lightbox-stage{transform:translateY(0) scale(1);opacity:1;} .article-lightbox-image-wrap{ min-height:0; display:flex; align-items:center; justify-content:center; padding:18px; overflow:hidden; } .article-lightbox-image{ display:block; max-width:100%; max-height:calc(88vh - 82px); width:auto; height:auto; object-fit:contain; user-select:none; -webkit-user-drag:none; } .article-lightbox-footer{ min-height:58px; display:grid; grid-template-columns:88px minmax(0,1fr) 88px; align-items:center; gap:16px; padding:10px 16px; border-top:1px solid rgba(122,38,55,.24); background:rgba(7,7,7,.96); } .article-lightbox-count{ color:#9f9296; font:500 12px/1 var(--cond); letter-spacing:.12em; text-align:left; } .article-lightbox-caption{ min-width:0; color:#c5bbbe; font:400 13px/1.55 var(--sans); text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .article-lightbox-hint{ color:#6f6467; font:500 10px/1 var(--cond); letter-spacing:.08em; text-align:right; } .article-lightbox-close, .article-lightbox-nav{ appearance:none; border:1px solid rgba(122,38,55,.52); background:linear-gradient(180deg,rgba(26,18,20,.96),rgba(10,8,9,.98)); color:#d8cfd1; cursor:pointer; box-shadow:0 10px 28px rgba(0,0,0,.35); transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,opacity .18s ease; } .article-lightbox-close:hover, .article-lightbox-nav:hover{ border-color:#8D3345; background:linear-gradient(180deg,rgba(122,38,55,.38),rgba(33,15,20,.98)); color:#fff; } .article-lightbox-close:focus-visible, .article-lightbox-nav:focus-visible{outline:2px solid rgba(194,134,149,.75);outline-offset:3px;} .article-lightbox-close{ position:absolute; z-index:3; top:18px; right:20px; width:42px; height:42px; border-radius:50%; font:300 27px/36px var(--sans); } .article-lightbox-nav{ position:absolute; z-index:3; top:50%; width:48px; height:58px; border-radius:5px; transform:translateY(-50%); font:300 30px/1 var(--sans); } .article-lightbox-nav.prev{left:20px;} .article-lightbox-nav.next{right:20px;} .article-lightbox-nav:disabled{opacity:.22;cursor:default;pointer-events:none;} @media(max-width:760px){ .article-lightbox{padding:64px 12px 16px;} .article-lightbox-stage{height:min(82vh,760px);} .article-lightbox-image{max-height:calc(82vh - 76px);} .article-lightbox-image-wrap{padding:10px;} .article-lightbox-close{top:12px;right:12px;width:40px;height:40px;} .article-lightbox-nav{width:42px;height:52px;background:rgba(14,10,11,.88);} .article-lightbox-nav.prev{left:8px;} .article-lightbox-nav.next{right:8px;} .article-lightbox-footer{grid-template-columns:64px minmax(0,1fr);padding:9px 12px;} .article-lightbox-hint{display:none;} .article-lightbox-caption{text-align:right;font-size:12px;} } @media(prefers-reduced-motion:reduce){ .article-lightbox,.article-lightbox-stage,.article-lightbox-close,.article-lightbox-nav{transition:none!important;} } .mobile-history-back{display:none;} .mobile-nav-bar,.mobile-nav-drawer{display:none;} .mobile-nav-scrim,.mobile-page-select-wrap,.mobile-contact-topic-select,.mobile-article-meta-toggle{display:none;} @media (max-width:760px), (max-width:900px) and (hover:none) and (pointer:coarse){ :root{--mobile-edge:12px;--mobile-nav-h:54px;} html{scroll-behavior:auto!important;-webkit-text-size-adjust:100%;overflow-x:clip!important;overflow-y:visible!important;} body{max-width:100%;overflow-x:clip!important;background:#050505;overscroll-behavior-y:auto;touch-action:auto;} body:not(.article-lightbox-open):not(.mobile-menu-open){overflow-y:visible!important;} body.article-lightbox-open{overflow-y:hidden!important;} html.mobile-menu-lock,body.mobile-menu-open{overflow:hidden!important;overscroll-behavior:none!important;} body.mobile-menu-open:not(.article-lightbox-open){overflow-y:hidden!important;touch-action:none!important;} button,a,summary,input,textarea,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent;} input,textarea,select,[contenteditable="true"]{font-size:16px!important;} button,summary{-webkit-user-select:none;user-select:none;} /* Home identity: shorter on phones so content starts sooner. */ .masthead{min-height:170px!important;background-attachment:scroll!important;background-position:center center,center 48%!important;} .masthead-in{min-height:170px!important;padding:25px max(18px,env(safe-area-inset-right,0px)) 22px max(18px,env(safe-area-inset-left,0px))!important;} .brand{font-size:29px!important;letter-spacing:.18em!important;text-indent:.18em!important;} .brand-latin{margin-top:8px!important;font-size:9px!important;letter-spacing:.32em!important;text-indent:.32em!important;} .brand-rule{width:38px!important;margin-top:13px!important;} .brand-note{max-width:330px!important;margin-top:10px!important;font-size:10.5px!important;line-height:1.5!important;letter-spacing:.035em!important;} /* Primary phone navigation. Only this bar stays sticky on the home/list view. */ .nav{height:var(--mobile-nav-h)!important;position:sticky!important;top:0!important;z-index:120!important;background:#090909!important;border-bottom:1px solid rgba(122,38,55,.23)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;} .nav-in{height:var(--mobile-nav-h)!important;max-width:none!important;padding:0 max(8px,env(safe-area-inset-right,0px)) 0 max(8px,env(safe-area-inset-left,0px))!important;overflow:visible!important;gap:0!important;} .nav-in>a.nav-link,.nav-inline-search,.admin-entry-btn,.nav-spacer{display:none!important;} .nav-feature,.lang-switcher{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;pointer-events:none!important;} .nav-feature>.nav-feature-panel,.lang-panel{display:none!important;} .mobile-nav-bar{display:grid!important;grid-template-columns:minmax(0,1fr) 46px 46px;align-items:center;width:100%;height:var(--mobile-nav-h);gap:2px;} .mobile-nav-brand,.mobile-nav-icon{appearance:none;border:0;background:transparent;color:#c8bec1;height:46px;cursor:pointer;border-radius:7px;} .mobile-nav-brand{justify-self:start;min-width:0;padding:0 9px;font:700 12px/1 var(--cond);letter-spacing:.19em;text-transform:uppercase;white-space:nowrap;} .mobile-nav-icon{display:grid;place-items:center;width:46px;color:#a69b9e;} .mobile-nav-icon svg{width:20px;height:20px;} .mobile-nav-brand:active,.mobile-nav-icon:active{background:rgba(122,38,55,.11);color:#fff;} .mobile-menu-icon{position:relative;width:19px;height:14px;} .mobile-menu-icon::before,.mobile-menu-icon::after,.mobile-menu-icon span{content:"";position:absolute;left:0;width:19px;height:1.5px;border-radius:2px;background:currentColor;transition:none!important;} .mobile-menu-icon::before{top:0;} .mobile-menu-icon span{top:6px;} .mobile-menu-icon::after{top:12px;} body.mobile-menu-open .mobile-menu-icon::before{top:6px;transform:rotate(45deg);} body.mobile-menu-open .mobile-menu-icon span{opacity:0;} body.mobile-menu-open .mobile-menu-icon::after{top:6px;transform:rotate(-45deg);} /* One lightweight menu sheet. No blur or transform animation; background scrolling is locked while open. */ body.mobile-menu-open .nav{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:122!important;} .mobile-nav-scrim{display:block;position:fixed;z-index:118;inset:0;border:0;background:rgba(0,0,0,.58);padding:0;touch-action:none;overscroll-behavior:none;} .mobile-nav-scrim[hidden]{display:none!important;} .mobile-nav-drawer{display:block!important;position:fixed!important;z-index:119!important;left:0!important;right:0!important;top:0!important;width:100%!important;height:auto!important;max-height:100dvh!important;margin:0!important;padding:calc(var(--mobile-nav-h) + 10px) max(14px,env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))!important;overflow-y:auto!important;overflow-x:hidden!important;background:#080808!important;border:0!important;border-bottom:1px solid rgba(122,38,55,.30)!important;border-radius:0!important;box-shadow:0 22px 45px rgba(0,0,0,.42)!important;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;opacity:1!important;visibility:visible!important;pointer-events:auto!important;animation:none!important;} .mobile-nav-drawer[hidden]{display:none!important;} .mobile-nav-search{display:grid;grid-template-columns:minmax(0,1fr) 48px;height:48px;margin:2px 0 10px;border:1px solid rgba(122,38,55,.34);border-radius:7px;background:#0a0909;overflow:hidden;} .mobile-nav-search input{min-width:0;border:0;outline:0;background:transparent;color:#eee;padding:0 13px;font:500 17px/1 var(--sans)!important;} .mobile-nav-search input::placeholder{color:#665d60;} .mobile-nav-search button{border:0;border-left:1px solid rgba(122,38,55,.20);background:rgba(122,38,55,.055);color:#b25b6e;} .mobile-nav-search button:active{background:rgba(122,38,55,.16);} .mobile-nav-menu{display:grid;border-top:1px solid rgba(122,38,55,.14);} .mobile-nav-item,.mobile-nav-group>summary{min-height:50px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 5px;border:0;border-bottom:1px solid rgba(122,38,55,.13);background:transparent;color:#c9bfc2;text-align:left;font:600 14px/1.25 var(--sans);letter-spacing:.02em;cursor:pointer;list-style:none;} .mobile-nav-item::after{content:"→";color:#71515a;font:500 14px/1 var(--sans);} .mobile-nav-item.is-active{color:#b34b62;} .mobile-nav-group>summary::-webkit-details-marker{display:none;} .mobile-nav-group>summary::after{content:"+";color:#8d5663;font:500 19px/1 var(--sans);} .mobile-nav-group[open]>summary{color:#b34b62;} .mobile-nav-group[open]>summary::after{content:"−";color:#b34b62;} .mobile-nav-sub{padding:7px 0 13px;} .mobile-tax-section+.mobile-tax-section{margin-top:13px;padding-top:12px;border-top:1px solid rgba(122,38,55,.11);} .mobile-tax-heading{margin:4px 3px 8px;color:#765f65;font:650 8px/1.2 var(--cond);letter-spacing:.18em;text-transform:uppercase;} .mobile-tax-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;} .mobile-tax-btn{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 10px;border:1px solid rgba(122,38,55,.23);border-radius:6px;background:#0b0a0a;color:#b9afb2;text-align:left;font:550 12px/1.3 var(--sans);} .mobile-tax-btn:active,.mobile-tax-btn.is-active{background:#1a1013;border-color:rgba(141,51,69,.62);color:#fff;} .mobile-tax-btn small{flex:none;color:#71666a;font:600 8px/1 var(--cond);} .mobile-archive-months:not(:empty){margin-top:13px;padding-top:11px;border-top:1px solid rgba(122,38,55,.12);} .mobile-nav-utils{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px!important;} .mobile-nav-util{min-height:44px;border:1px solid rgba(122,38,55,.27);border-radius:6px;background:#0b090a;color:#968b8e;font:600 11px/1 var(--sans);} .mobile-nav-util:active{border-color:#7A2637;background:#1a1013;color:#fff;} .mobile-language-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;padding-top:11px;border-top:1px solid rgba(122,38,55,.14);} .mobile-language-list[hidden]{display:none!important;} .mobile-language-option{min-height:44px;border:1px solid rgba(122,38,55,.21);border-radius:6px;background:#0a0909;color:#978b8f;text-align:left;padding:0 10px;font:550 12px/1.2 var(--sans);} .mobile-language-option.is-current{border-color:#7A2637;color:#fff;background:#171012;} /* Home/list page rhythm. */ .wrap{padding:15px var(--mobile-edge) 38px!important;gap:17px!important;} #taxonomy-filter-bar{margin:0 0 13px!important;padding:10px 10px!important;border-radius:7px!important;gap:10px!important;font-size:12px!important;line-height:1.45!important;} #taxonomy-filter-text{min-width:0;} #taxonomy-filter-clear{flex:none;min-height:42px;padding:0 10px!important;border-radius:6px!important;font-size:11px!important;} .grid{grid-template-columns:1fr!important;gap:13px!important;} .card{border-radius:8px!important;transform:none!important;cursor:pointer;transition:none!important;} .card:hover{transform:none!important;} .card-media{aspect-ratio:16/9!important;touch-action:manipulation;} .card-hover-preview{display:none!important;} .thumb{transition:none!important;transform:none!important;} .card:hover .thumb{transform:none!important;} .card-body{padding:11px 12px 13px!important;} .card-title{font-size:15.5px!important;line-height:1.42!important;} .meta{font-size:9.5px!important;line-height:1.4!important;gap:7px!important;} .stamp{top:7px!important;right:7px!important;} body.admin-mode .card-edit-btn{display:flex!important;align-items:center;justify-content:center;top:8px!important;left:8px!important;right:auto!important;min-width:44px!important;height:44px!important;padding:0 10px!important;border-radius:6px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;} /* Native page chooser on phones: Previous / Page / Next. */ .pager{display:flex!important;align-items:center;justify-content:stretch;flex-wrap:nowrap!important;gap:6px!important;margin-top:20px!important;width:100%;} .pager>a[data-page]:not([data-page="prev"]):not([data-page="next"]),.pager>.gap{display:none!important;} .pager>a[data-page="prev"],.pager>a[data-page="next"]{order:1;flex:1 1 0!important;min-width:0!important;height:46px!important;padding:0 8px!important;border-radius:7px!important;font-size:11px!important;white-space:nowrap;} .pager>a[data-page="next"]{order:3;} .page-picker{order:2;flex:0 0 108px;position:relative!important;} .page-picker-toggle,.page-picker-panel{display:none!important;} .mobile-page-select-wrap{display:flex;position:relative;width:100%;height:46px;} .mobile-page-select{appearance:none;-webkit-appearance:none;width:100%;height:46px;border:1px solid rgba(122,38,55,.43);border-radius:7px;background:#0c0a0b;color:#d4c9cc;padding:0 28px 0 11px;font:600 12px/1 var(--sans)!important;text-align:center;text-align-last:center;outline:none;} .mobile-page-select-wrap::after{content:"▾";position:absolute;right:10px;top:50%;transform:translateY(-52%);pointer-events:none;color:#9b5262;font-size:10px;} /* On content pages the global masthead/nav disappears; the page's own topbar becomes the navigation. */ body.article-mode .masthead,body.article-mode .nav, body.faq-page-mode .masthead,body.faq-page-mode .nav, body.contact-page-mode .masthead,body.contact-page-mode .nav, body.site-page-mode .masthead,body.site-page-mode .nav{display:none!important;} .article-view,.faq-view,.contact-view,.site-page-view{padding:0 var(--mobile-edge) 36px!important;min-height:100svh!important;} .article-stage,.faq-stage,.contact-stage,.site-page-stage{width:100%!important;max-width:none!important;margin:0 auto!important;} .article-sheet,.faq-stage,.contact-shell,.site-page-sheet{border-radius:0 0 9px 9px!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:clip!important;} .article-view.is-active,.faq-view.is-active,.contact-view.is-active,.site-page-view.is-active{animation:none!important;transform:none!important;} .article-topbar,.faq-topbar,.contact-topbar,.site-page-topbar{position:relative!important;top:auto!important;z-index:2!important;min-height:50px!important;display:grid!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0 max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px))!important;border-bottom:1px solid rgba(122,38,55,.20)!important;background:#080808!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;} .article-topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;} .faq-topbar,.contact-topbar,.site-page-topbar{grid-template-columns:minmax(0,1fr) auto!important;} .article-back,.faq-back,.contact-back,.site-page-back{justify-self:start;min-height:44px!important;padding:0!important;font:600 11px/1 var(--sans)!important;letter-spacing:.005em!important;color:#aaa0a3!important;white-space:nowrap;} .article-section-mark,.faq-top-mark,.contact-mark,.site-page-mark{max-width:126px;overflow:hidden;text-overflow:ellipsis;justify-self:end;color:#a94358!important;font:700 9px/1 var(--cond)!important;letter-spacing:.18em!important;text-align:right;white-space:nowrap;text-transform:uppercase;} .article-section-mark{justify-self:center!important;} .article-index,.site-page-kind{max-width:120px;overflow:hidden;text-overflow:ellipsis;justify-self:end;color:#6d6467!important;font:600 8.5px/1 var(--cond)!important;letter-spacing:.12em!important;text-align:right;white-space:nowrap;text-transform:uppercase;} .faq-top-kind,.contact-kind,.site-page-mark{display:none!important;} /* Article: metadata is compact by default; article text gets the vertical space. */ .article-header{padding:24px 17px 24px!important;} .article-title-main{font-size:clamp(23px,6.8vw,29px)!important;line-height:1.3!important;letter-spacing:.005em!important;} .article-layout{display:block!important;padding:23px 16px 32px!important;} .mobile-article-meta-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin:0 0 9px;padding:0 11px;border:1px solid rgba(122,38,55,.24);border-radius:7px;background:#0b090a;color:#bfb4b7;font:600 12px/1 var(--sans);text-align:left;} .mobile-article-meta-toggle::after{content:"+";color:#a44a5d;font-size:18px;line-height:1;} .mobile-article-meta-toggle[aria-expanded="true"]::after{content:"−";} .article-side{position:static!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0 0 22px!important;padding:0 0 18px!important;border:0!important;border-bottom:1px solid rgba(122,38,55,.15)!important;} .article-side-block,.article-side-block+.article-side-block{flex:1 1 calc(50% - 6px);min-width:132px;margin:0!important;padding:8px 9px!important;border:1px solid rgba(122,38,55,.16)!important;border-radius:6px!important;background:rgba(122,38,55,.025)!important;} .article-side:not(.mobile-meta-open) .article-side-block:not(:first-child){display:none!important;} .article-side:not(.mobile-meta-open) .article-side-block:first-child{flex:1 1 100%;} .article-side-label{margin-bottom:4px!important;font-size:7.5px!important;letter-spacing:.12em!important;} .article-side-value{font-size:11px!important;line-height:1.45!important;} .article-tag-list{gap:4px!important;} .article-tag-list span,.article-tag-list button{min-height:32px;padding:5px 7px!important;border-radius:5px!important;font-size:10px!important;} .article-body{font-size:16px!important;line-height:1.82!important;text-align:left!important;overflow-wrap:anywhere;} .article-body p,.article-body h2,.article-body h3,.article-body blockquote{text-align:left!important;} .article-body p{margin-bottom:1.35em!important;} .article-body h2{font-size:23px!important;line-height:1.35!important;margin:1.75em 0 .7em!important;} .article-body h3{font-size:19px!important;line-height:1.4!important;margin:1.5em 0 .6em!important;} .article-lead{padding:13px 13px!important;margin-bottom:22px!important;font-size:14px!important;line-height:1.7!important;text-align:left!important;border-radius:6px!important;} .article-gallery{gap:14px!important;margin-bottom:21px!important;} .article-gallery figure,.article-content-image{border-radius:6px!important;overflow:hidden;} .article-gallery img,.article-content-image img{width:100%!important;height:auto!important;max-height:none!important;} .article-links-section{margin-top:28px!important;} .article-related{padding:22px 15px 25px!important;} .article-related-head{display:block!important;} .article-related-title{font-size:20px!important;} .article-related-grid{display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;scroll-padding-inline:0;padding:0 0 5px 0!important;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;} .article-related-grid::-webkit-scrollbar{display:none;} .article-related-card{flex:0 0 86%!important;min-width:0!important;scroll-snap-align:start;transition:none!important;transform:none!important;} .article-related-media{aspect-ratio:16/9!important;} .article-nav-nextprev{grid-template-columns:1fr!important;} .article-nav-btn{min-height:78px!important;padding:15px 16px!important;text-align:left!important;} .article-nav-btn+.article-nav-btn{border-left:0!important;border-top:1px solid rgba(122,38,55,.18)!important;} /* FAQ: instant accordion, full-width answers, no animated height calculations. */ .faq-shell{width:calc(100% - 24px)!important;padding:22px 0 21px!important;} .faq-hero{margin:0 auto 20px!important;} .faq-title{font-size:clamp(34px,10.5vw,44px)!important;line-height:1.02!important;} .faq-intro{margin-top:12px!important;font-size:13px!important;line-height:1.62!important;} .faq-list{gap:7px!important;} .faq-item{border-radius:7px!important;box-shadow:none!important;transition:none!important;} .faq-item{scroll-margin-top:10px;} .faq-question{min-height:56px!important;grid-template-columns:30px minmax(0,1fr) 20px!important;gap:7px!important;padding:0 12px!important;font-size:15px!important;line-height:1.35!important;} .faq-chevron::before,.faq-chevron::after{transition:none!important;} .faq-answer-wrap{display:none!important;opacity:1!important;grid-template-rows:1fr!important;transition:none!important;} .faq-item.is-open .faq-answer-wrap{display:block!important;border-top-color:rgba(122,38,55,.18)!important;} .faq-answer{padding:14px 13px 16px!important;font-size:13.5px!important;line-height:1.72!important;} .faq-answer a{overflow-wrap:anywhere;} .faq-answer img{width:auto!important;max-width:100%!important;height:auto!important;margin:13px 0 3px!important;border-radius:6px!important;} .faq-cta{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;margin-top:16px!important;padding:16px!important;} .faq-cta-icon{width:38px!important;height:38px!important;} .faq-cta-copy strong{font-size:17px!important;} .faq-contact{grid-column:1/-1;width:100%!important;min-height:46px!important;height:46px!important;margin-top:3px!important;} /* Contact: native select and 16px inputs for consistent mobile focus behavior. */ .contact-shell{grid-template-columns:1fr!important;} .contact-intro{min-height:0!important;padding:28px 18px 24px!important;border-right:0!important;border-bottom:1px solid rgba(122,38,55,.18)!important;} .contact-kicker{margin-bottom:15px!important;font-size:8.5px!important;} .contact-title{font-size:clamp(34px,10vw,42px)!important;line-height:1.04!important;} .contact-lead{margin-top:16px!important;font-size:14px!important;line-height:1.68!important;} .contact-rule{margin:23px 0 17px!important;} .contact-meta{gap:10px!important;margin-top:0!important;} .contact-meta-item{grid-template-columns:70px minmax(0,1fr)!important;gap:10px!important;padding-top:10px!important;} .contact-meta-label{font-size:7.5px!important;} .contact-meta-value{font-size:11.5px!important;line-height:1.5!important;} .contact-form-panel{padding:24px 18px 28px!important;} .contact-form-head{margin-bottom:18px!important;} .contact-form-head h2{font-size:21px!important;} .contact-form{gap:15px!important;} .contact-field-grid{grid-template-columns:1fr!important;gap:14px!important;} .contact-input,.contact-textarea,.mobile-contact-topic-select{width:100%!important;border:1px solid #3b282e!important;border-radius:7px!important;background:#090909!important;color:#e6dfe1!important;outline:none!important;font:500 17px/1.45 var(--sans)!important;} .contact-input,.mobile-contact-topic-select{height:50px!important;padding:0 12px!important;} .contact-textarea{min-height:145px!important;padding:12px!important;resize:vertical!important;} .contact-topic-button,.contact-topic-menu{display:none!important;} .contact-field.is-invalid .mobile-contact-topic-select{border-color:#A94B5E!important;box-shadow:0 0 0 2px rgba(169,75,94,.08)!important;} .mobile-contact-topic-select{display:block!important;appearance:auto;-webkit-appearance:menulist;} .contact-message-foot{display:block!important;} .contact-submit-row{display:block!important;padding-top:14px!important;} .contact-submit{width:100%!important;min-height:48px!important;height:48px!important;border-radius:7px!important;transition:none!important;} .contact-status{font-size:11px!important;line-height:1.5!important;animation:none!important;} /* Generic site pages. */ .site-page-head{padding:35px 17px 24px!important;} .site-page-head::before{top:23px!important;left:17px!important;} .site-page-title{font-size:min(var(--site-page-title-size,46px),34px)!important;line-height:1.15!important;overflow-wrap:anywhere;} .site-page-content{padding:27px 17px 36px!important;font-size:min(var(--site-page-body-size,16px),16px)!important;line-height:1.78!important;overflow-wrap:anywhere;} .site-page-content h2{margin-top:29px!important;font-size:min(var(--site-page-heading-size,23px),22px)!important;} .site-page-external-link{min-height:48px!important;padding:11px!important;border-radius:6px!important;transition:none!important;transform:none!important;} /* Lightbox is the only intentional full-screen overlay on the public mobile site. */ .article-lightbox{padding:calc(48px + env(safe-area-inset-top,0px)) 8px calc(10px + env(safe-area-inset-bottom,0px))!important;background:rgba(0,0,0,.96)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;} .article-lightbox-stage{height:min(82dvh,720px)!important;border-radius:7px!important;transition:none!important;touch-action:pan-y;} .article-lightbox-image-wrap{padding:7px!important;} .article-lightbox-image{max-width:100%!important;max-height:calc(82dvh - 68px)!important;} .article-lightbox-close{top:calc(8px + env(safe-area-inset-top,0px))!important;right:10px!important;width:44px!important;height:44px!important;} .article-lightbox-nav{width:42px!important;height:54px!important;background:rgba(12,9,10,.78)!important;transition:none!important;} .article-lightbox-nav.prev{left:5px!important;} .article-lightbox-nav.next{right:5px!important;} .article-lightbox-footer{grid-template-columns:56px minmax(0,1fr)!important;padding:8px 10px!important;} .article-lightbox-hint{display:none!important;} .article-lightbox-caption{font-size:11px!important;text-align:right!important;} /* Footer / floating controls. */ .foot-in{padding:24px max(16px,env(safe-area-inset-right,0px)) 18px max(16px,env(safe-area-inset-left,0px))!important;} .foot-brand-title{font-size:25px!important;} .foot-note{max-width:340px!important;font-size:10.5px!important;line-height:1.6!important;} .foot-links{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;row-gap:2px!important;} .foot-links button,.foot-links a{min-height:40px!important;display:inline-flex!important;align-items:center!important;padding:5px 9px!important;} .foot-bar{padding-left:max(14px,env(safe-area-inset-left,0px))!important;padding-right:max(14px,env(safe-area-inset-right,0px))!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;} .mobile-history-back{position:fixed!important;right:max(10px,env(safe-area-inset-right,0px))!important;bottom:max(10px,env(safe-area-inset-bottom,0px))!important;width:44px!important;height:44px!important;display:none!important;align-items:center;justify-content:center;background:var(--ink-2)!important;border:1px solid var(--ink-3)!important;border-radius:7px!important;color:var(--sand-dim)!important;cursor:pointer;z-index:110!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:none!important;-webkit-tap-highlight-color:transparent;} body.article-mode .mobile-history-back,body.faq-page-mode .mobile-history-back,body.contact-page-mode .mobile-history-back,body.site-page-mode .mobile-history-back{display:flex!important;} .mobile-history-back:active{color:var(--brass)!important;border-color:var(--brass)!important;background:#111!important;} /* Admin mode remains usable on compact touch layouts. */ .admin-bar{top:auto!important;bottom:max(8px,env(safe-area-inset-bottom,0px))!important;right:max(8px,env(safe-area-inset-right,0px))!important;left:max(8px,env(safe-area-inset-left,0px))!important;justify-content:flex-end!important;gap:5px!important;padding:6px 7px!important;border-radius:6px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;} .admin-bar>span{margin-right:auto;font-size:10px!important;} .admin-bar button{min-height:38px!important;padding:0 9px!important;font-size:11px!important;border-radius:5px!important;} body.admin-mode .mobile-history-back{display:none!important;} .editor-backdrop,.nav-settings-backdrop{padding:0!important;align-items:stretch!important;background:#080808!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;} .editor-modal,.nav-settings-modal{width:100%!important;height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;} .editor-head,.nav-settings-head{min-height:54px!important;padding:10px 13px!important;} .editor-head h3,.nav-settings-head h3{font-size:17px!important;} .editor-close,.nav-settings-close{width:44px!important;height:44px!important;font-size:24px!important;} .editor-body{padding:12px!important;gap:12px!important;} .editor-grid{grid-template-columns:1fr!important;gap:11px!important;} .editor-field.full{grid-column:auto!important;} .editor-field input,.editor-field textarea,.nav-settings-field input,.nav-custom-row input,.faq-rich-editor{font-size:16px!important;} .editor-field textarea{min-height:145px!important;} .editor-preview{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;} .editor-preview img{width:92px!important;height:66px!important;} .taxonomy-picker{gap:6px!important;} .taxonomy-chip{min-height:38px!important;padding:7px 9px!important;} .editor-actions{position:sticky!important;bottom:0!important;z-index:8!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:0 -12px -12px!important;padding:9px 12px calc(9px + env(safe-area-inset-bottom,0px))!important;background:#101010!important;border-top:1px solid #2A1A1E!important;} .editor-btn{min-height:44px!important;padding:0 6px!important;font-size:10.5px!important;} #ed-cancel{grid-column:1/2!important;} #ed-save{grid-column:2/4!important;} .nav-settings-body{max-height:none!important;flex:1 1 auto!important;padding:10px!important;gap:11px!important;overscroll-behavior:contain!important;} .nav-settings-actions{padding:9px 10px calc(9px + env(safe-area-inset-bottom,0px))!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;} .nav-settings-actions button{min-height:46px!important;padding:0 8px!important;font-size:12px!important;} .management-center-lead{grid-template-columns:1fr!important;} .management-center-new{width:100%!important;min-height:46px!important;} .nav-settings-builtins,.faq-admin-page-grid{grid-template-columns:1fr!important;} .nav-custom-row{grid-template-columns:1fr 44px!important;} .nav-custom-row input:nth-of-type(2){grid-column:1/-1;} .nav-order-row{grid-template-columns:30px minmax(0,1fr) 44px 44px!important;gap:5px!important;} .nav-order-move{min-width:44px!important;width:44px!important;padding:0!important;font-size:0!important;} .nav-order-row .nav-order-move:first-of-type::after{content:"←";font-size:14px;} .nav-order-row .nav-order-move:last-of-type::after{content:"→";font-size:14px;} .management-center-site-settings>summary,.management-center-faq>summary,.management-center-site-pages>summary{grid-template-columns:minmax(0,1fr) auto!important;gap:4px 8px!important;min-height:54px!important;padding:10px 11px!important;} .management-center-site-settings>summary span,.management-center-faq>summary span,.management-center-site-pages>summary span{grid-column:1/2!important;margin-left:0!important;text-align:left!important;font-size:9px!important;line-height:1.4!important;} .management-center-site-settings>summary::after,.management-center-faq>summary::after,.management-center-site-pages>summary::after{grid-column:2!important;grid-row:1/3!important;align-self:center!important;} .faq-admin-row{grid-template-columns:30px minmax(0,1fr)!important;gap:7px!important;} .faq-admin-actions{grid-column:1/-1!important;grid-template-columns:repeat(3,1fr)!important;margin-top:0!important;} .faq-rich-toolbar{gap:5px!important;} .faq-rich-editor{min-height:92px!important;max-height:240px!important;} /* Final focus baseline: editable controls never fall below the mobile auto-zoom threshold. */ input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),textarea,select,[contenteditable="true"]{font-size:16px!important;} } @media (max-width:430px){ :root{--mobile-edge:9px;} .brand{font-size:27px!important;} .brand-note{max-width:300px!important;font-size:10px!important;} .mobile-tax-grid,.mobile-language-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .mobile-tax-section.mobile-tax-bootType .mobile-tax-grid,.mobile-tax-section.mobile-tax-tags .mobile-tax-grid{grid-template-columns:1fr!important;} .article-section-mark{max-width:92px;} .article-side-block,.article-side-block+.article-side-block{flex-basis:100%;min-width:0;} .contact-meta-item{grid-template-columns:64px minmax(0,1fr)!important;} .pager>a[data-page="prev"],.pager>a[data-page="next"]{font-size:10.5px!important;} .page-picker{flex-basis:96px;} } @media (max-width:360px){ .brand-note{display:none!important;} .masthead,.masthead-in{min-height:145px!important;} .article-back,.faq-back,.contact-back,.site-page-back{font-size:10.5px!important;} .article-section-mark,.faq-top-mark,.contact-mark{max-width:82px;font-size:9px!important;} .article-index,.site-page-kind{max-width:82px;font-size:8.5px!important;} .page-picker{flex-basis:88px;} } @media (min-width:560px) and (max-width:900px) and (hover:none) and (pointer:coarse){ .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .card-title{font-size:14.5px!important;} .mobile-tax-grid,.mobile-language-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .article-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } /* Capability layer: touch-first devices never depend on hover previews, regardless of brand. */ @media (hover:none), (pointer:coarse){ .card-hover-preview,.article-related-media .card-hover-preview{display:none!important;} .card:hover,.article-related-card:hover{transform:none!important;} .card:hover .thumb{transform:none!important;} } /* Tablet baseline: shared data, roomier two-column presentation. */ @media (min-width:761px) and (max-width:1024px){ .grid{grid-template-columns:repeat(2,minmax(0,1fr));} .wrap{padding-left:18px;padding-right:18px;} .article-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .contact-shell{grid-template-columns:1fr;} .contact-intro{min-height:0;border-right:0;border-bottom:1px solid rgba(122,38,55,.20);} } /* Dynamic viewport units are progressive enhancement, never a requirement. */ @supports not (height:100dvh){ @media (max-width:760px), (max-width:900px) and (hover:none) and (pointer:coarse){ .mobile-nav-drawer{max-height:100vh!important;} .editor-modal,.nav-settings-modal{height:100vh!important;} .article-lightbox-stage{height:min(82vh,720px)!important;} .article-lightbox-image{max-height:calc(82vh - 68px)!important;} } } @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto!important;} .mobile-nav-drawer,.mobile-menu-icon::before,.mobile-menu-icon::after,.mobile-menu-icon span, .card,.thumb,.faq-item,.faq-answer-wrap,.contact-submit,.site-page-external-link{transition:none!important;animation:none!important;} } @media (max-width:760px), (max-width:900px) and (hover:none) and (pointer:coarse){ .article-nav-btn{min-height:94px!important;padding:14px 16px 16px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;overflow:hidden!important;} .article-nav-kicker{margin-bottom:7px!important;flex:none;} .article-nav-title{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:anywhere!important;font-size:13.5px!important;line-height:1.45!important;max-height:2.9em!important;} /* v89.86: every taxonomy, including Boot Type / Tags, uses the same two-column mobile grid. */ .mobile-tax-grid,.mobile-language-list,.mobile-archive-years,.mobile-archive-months .mobile-tax-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .mobile-tax-section.mobile-tax-bootType .mobile-tax-grid,.mobile-tax-section.mobile-tax-tags .mobile-tax-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} /* Custom collapsible groups: stronger, clearly visible open/close motion. */ .mobile-nav-group>.mobile-nav-summary{min-height:50px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 5px;border:0;border-bottom:1px solid rgba(122,38,55,.13);background:transparent;color:#c9bfc2;text-align:left;font:600 14px/1.25 var(--sans);letter-spacing:.02em;cursor:pointer;} .mobile-nav-group>.mobile-nav-summary::after{content:"+";flex:none;color:#8d5663;font:500 19px/1 var(--sans);transition:color .24s ease,transform .36s cubic-bezier(.2,.72,.24,1)!important;} .mobile-nav-group.is-open>.mobile-nav-summary{color:#b34b62;} .mobile-nav-group.is-open>.mobile-nav-summary::after{content:"−";color:#b34b62;transform:rotate(180deg) scale(1.08);} .mobile-nav-group>.mobile-nav-sub{max-height:0;overflow:hidden!important;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-12px) scale(.985);padding:0!important;transition:max-height .42s cubic-bezier(.2,.72,.24,1),opacity .24s ease,transform .36s cubic-bezier(.2,.72,.24,1),padding .34s cubic-bezier(.2,.72,.24,1),visibility 0s linear .42s!important;will-change:max-height,opacity,transform;} .mobile-nav-group.is-open:not(.is-closing)>.mobile-nav-sub{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0) scale(1);padding:9px 0 15px!important;transition:max-height .42s cubic-bezier(.2,.72,.24,1),opacity .28s ease .035s,transform .38s cubic-bezier(.2,.72,.24,1),padding .34s cubic-bezier(.2,.72,.24,1),visibility 0s!important;} /* Archive intentionally starts as Year-only. Month appears only after choosing a Year. */ .mobile-archive-months,.mobile-archive-months:not(:empty){max-height:0;margin-top:0!important;padding-top:0!important;overflow:hidden!important;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-10px);border-top:1px solid transparent!important;transition:max-height .40s cubic-bezier(.2,.72,.24,1),opacity .25s ease,transform .34s cubic-bezier(.2,.72,.24,1),margin-top .34s ease,padding-top .34s ease,border-color .34s ease!important;} .mobile-archive-months.is-visible{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0);margin-top:13px!important;padding-top:11px!important;border-top-color:rgba(122,38,55,.12)!important;} .mobile-archive-months.is-switching{opacity:.18!important;transform:translateY(-7px)!important;} /* Archive uses exactly the same selected style as all other taxonomy buttons. */ .mobile-archive-years .mobile-tax-btn.is-active,.mobile-archive-months .mobile-tax-btn.is-active{border-color:rgba(141,51,69,.62)!important;background:#1a1013!important;color:#fff!important;box-shadow:none!important;} .mobile-archive-years .mobile-tax-btn.is-active::after{content:none!important;} /* Whole drawer: stronger slide/fade and staggered menu-content entrance. */ .mobile-nav-scrim:not([hidden]){opacity:0!important;transition:opacity .30s ease!important;} .mobile-nav-scrim.is-open{opacity:1!important;} .mobile-nav-drawer:not([hidden]){opacity:0!important;transform:translateY(-24px) scale(.992)!important;transition:opacity .28s ease,transform .38s cubic-bezier(.2,.72,.24,1)!important;animation:none!important;} .mobile-nav-drawer.is-open{opacity:1!important;transform:translateY(0) scale(1)!important;} .mobile-nav-drawer.is-open .mobile-nav-search{animation:rbMobileMenuItemIn .34s cubic-bezier(.2,.72,.24,1) .035s both;} .mobile-nav-drawer.is-open .mobile-nav-menu>*{animation:rbMobileMenuItemIn .34s cubic-bezier(.2,.72,.24,1) both;} .mobile-nav-drawer.is-open .mobile-nav-menu>*:nth-child(1){animation-delay:.055s}.mobile-nav-drawer.is-open .mobile-nav-menu>*:nth-child(2){animation-delay:.085s}.mobile-nav-drawer.is-open .mobile-nav-menu>*:nth-child(3){animation-delay:.115s}.mobile-nav-drawer.is-open .mobile-nav-menu>*:nth-child(4){animation-delay:.145s}.mobile-nav-drawer.is-open .mobile-nav-menu>*:nth-child(5){animation-delay:.175s}.mobile-nav-drawer.is-open .mobile-nav-menu>*:nth-child(6){animation-delay:.205s}.mobile-nav-drawer.is-open .mobile-nav-menu>*:nth-child(7){animation-delay:.235s}.mobile-nav-drawer.is-open .mobile-nav-menu>*:nth-child(n+8){animation-delay:.255s} .mobile-nav-drawer.is-open .mobile-nav-utils{animation:rbMobileMenuItemIn .34s cubic-bezier(.2,.72,.24,1) .235s both;} .mobile-menu-icon::before,.mobile-menu-icon::after,.mobile-menu-icon span{transition:top .28s cubic-bezier(.2,.72,.24,1),transform .32s cubic-bezier(.2,.72,.24,1),opacity .18s ease!important;} .mobile-nav-item,.mobile-tax-btn,.mobile-nav-util,.mobile-language-option{transition:background-color .20s ease,border-color .20s ease,color .20s ease,transform .15s ease!important;} .mobile-nav-item:active,.mobile-tax-btn:active,.mobile-nav-util:active,.mobile-language-option:active,.mobile-tax-btn.is-tapped{transform:scale(.975);} /* Language panel also gets a real expand/collapse transition. */ .mobile-language-list:not([hidden]){max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:max-height .38s cubic-bezier(.2,.72,.24,1),opacity .24s ease,transform .34s cubic-bezier(.2,.72,.24,1)!important;} .mobile-language-list.is-visible{opacity:1;transform:translateY(0);} } .nav-feature-archive .archive-month-list .browse-item.is-active{border-color:rgba(141,51,69,.78)!important;background:rgba(122,38,55,.21)!important;color:#fff!important;box-shadow:0 0 0 1px rgba(141,51,69,.08) inset!important;} @keyframes rbMobileMenuItemIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}} @media (prefers-reduced-motion:reduce){ @media (max-width:760px), (max-width:900px) and (hover:none) and (pointer:coarse){ .mobile-nav-scrim,.mobile-nav-drawer,.mobile-nav-menu>*,.mobile-nav-search,.mobile-nav-utils,.mobile-nav-group>.mobile-nav-sub,.mobile-language-list,.mobile-menu-icon::before,.mobile-menu-icon::after,.mobile-menu-icon span,.mobile-nav-item,.mobile-tax-btn,.mobile-nav-util,.mobile-language-option,.mobile-archive-months{animation:none!important;transition:none!important;transform:none!important;} } } /* v89.87: mobile drawer stability, pager text baseline, FAQ motion, Google Translate chrome suppression. */ html,body{top:0!important;} .goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,iframe.goog-te-banner-frame, .VIpgJd-ZVi9od-ORHb-OEVmcd,iframe.VIpgJd-ZVi9od-ORHb-OEVmcd, #goog-gt-tt,.goog-te-balloon-frame{ display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;border:0!important;box-shadow:none!important; } body>.skiptranslate{position:absolute!important;left:-100000px!important;top:-100000px!important;width:1px!important;height:1px!important;overflow:hidden!important;} @media (max-width:760px), (max-width:900px) and (hover:none) and (pointer:coarse){ /* Freeze the page at its exact scroll offset while the drawer animates. This prevents the nav from jumping. */ body.mobile-menu-open{ position:fixed!important;left:0!important;right:0!important;width:100%!important; top:var(--rb-mobile-menu-lock-top,0px)!important;overflow:hidden!important;touch-action:auto!important; } body.mobile-menu-open .nav{position:fixed!important;top:0!important;left:0!important;right:0!important;} /* Native select: preserve the descender in “Pages” and leave a little breathing room below the pager. */ .pager{margin-bottom:6px!important;padding-bottom:2px!important;overflow:visible!important;} .mobile-page-select-wrap{height:48px!important;min-height:48px!important;overflow:visible!important;} .mobile-page-select{height:48px!important;line-height:1.35!important;padding-top:2px!important;padding-bottom:3px!important;} /* FAQ: restore a visible accordion animation on phones instead of instant display:none switching. */ .faq-item{transition:border-color .24s ease,background-color .24s ease,box-shadow .24s ease!important;} .faq-question{transition:background-color .22s ease,color .22s ease!important;} .faq-chevron::before,.faq-chevron::after{transition:transform .30s cubic-bezier(.2,.72,.24,1),background-color .22s ease!important;} .faq-answer-wrap{ display:grid!important;grid-template-rows:0fr!important;opacity:0!important;overflow:hidden!important; border-top-color:transparent!important;background:transparent!important; transition:grid-template-rows .40s cubic-bezier(.2,.72,.24,1),opacity .25s ease,border-color .28s ease,background .28s ease!important; } .faq-item.is-open .faq-answer-wrap{ grid-template-rows:1fr!important;opacity:1!important;border-top-color:rgba(122,38,55,.18)!important; background:linear-gradient(90deg,rgba(122,38,55,.065),rgba(122,38,55,.018) 55%,transparent)!important; } .faq-answer-inner{min-height:0!important;overflow:hidden!important;} .faq-answer{opacity:.55;transform:translateY(-7px);transition:opacity .26s ease .02s,transform .34s cubic-bezier(.2,.72,.24,1)!important;} .faq-item.is-open .faq-answer{opacity:1;transform:translateY(0);} } @media (prefers-reduced-motion:reduce){ @media (max-width:760px), (max-width:900px) and (hover:none) and (pointer:coarse){ .faq-item,.faq-question,.faq-chevron::before,.faq-chevron::after,.faq-answer-wrap,.faq-answer{transition:none!important;animation:none!important;} } } /* v89.88: keep the nav in normal sticky flow, anchor the overlay to its current viewport Y, use one explicit height animation for mobile groups, and make Archive independently scrollable. */ @media (max-width:760px), (max-width:900px) and (hover:none) and (pointer:coarse){ html.mobile-menu-lock,body.mobile-menu-open,body.mobile-menu-open:not(.article-lightbox-open){ position:static!important;top:auto!important;left:auto!important;right:auto!important;width:auto!important; overflow-y:visible!important;overscroll-behavior-y:auto!important;touch-action:auto!important; } body.mobile-menu-open .nav{ position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:auto!important;z-index:122!important; } .mobile-nav-drawer{ top:var(--rb-mobile-nav-top,0px)!important; max-height:calc(100dvh - var(--rb-mobile-nav-top,0px))!important; will-change:transform,opacity;contain:paint; } .mobile-nav-drawer:not([hidden]){ opacity:0!important;transform:translate3d(0,-14px,0)!important; transition:transform .28s cubic-bezier(.22,.72,.22,1),opacity .22s ease!important; } .mobile-nav-drawer.is-open{opacity:1!important;transform:translate3d(0,0,0)!important;} .mobile-nav-drawer.is-open .mobile-nav-search,.mobile-nav-drawer.is-open .mobile-nav-menu>*,.mobile-nav-drawer.is-open .mobile-nav-utils{ animation:none!important; } .mobile-nav-scrim:not([hidden]){transition:opacity .22s ease!important;} .mobile-nav-group>.mobile-nav-summary::after{ transition:transform .30s cubic-bezier(.22,.72,.22,1),color .20s ease!important;will-change:transform; } .mobile-nav-group>.mobile-nav-sub{ height:0!important;max-height:none!important;overflow:hidden!important;visibility:hidden;pointer-events:none;opacity:0; transform:translate3d(0,-5px,0)!important;padding:0!important; transition:height .42s cubic-bezier(.26,.74,.18,1),opacity .30s ease,transform .38s cubic-bezier(.26,.74,.18,1)!important; will-change:height,opacity,transform; } .mobile-nav-sub-inner{padding:9px 0 15px;} .mobile-nav-menu .mobile-nav-group.is-open>.mobile-nav-sub{ max-height:none!important;visibility:visible;pointer-events:auto;opacity:1;transform:translate3d(0,0,0)!important;padding:0!important; transition:height .42s cubic-bezier(.26,.74,.18,1),opacity .30s ease,transform .38s cubic-bezier(.26,.74,.18,1)!important; } .mobile-nav-menu .mobile-nav-group.is-open:not(.is-closing)>.mobile-nav-sub{ max-height:none!important;transition:height .42s cubic-bezier(.26,.74,.18,1),opacity .30s ease,transform .38s cubic-bezier(.26,.74,.18,1)!important; } .mobile-nav-group.is-closing>.mobile-nav-sub{opacity:0;transform:translate3d(0,-5px,0)!important;} .mobile-nav-group-archive.is-open.is-settled>.mobile-nav-sub{ overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important; scrollbar-width:thin; } .mobile-nav-group-archive.is-open>.mobile-nav-sub{scrollbar-gutter:stable;} .mobile-archive-months,.mobile-archive-months:not(:empty){ height:0!important;max-height:none!important;overflow:hidden!important;visibility:hidden;pointer-events:none;opacity:0; transform:translate3d(0,-7px,0)!important;margin-top:0!important;padding-top:0!important;border-top-color:transparent!important; transition:opacity .28s ease,transform .32s cubic-bezier(.22,.72,.22,1),margin-top .30s ease,padding-top .30s ease,border-color .30s ease!important; } .mobile-archive-months.is-visible{ height:auto!important;visibility:visible;pointer-events:auto;opacity:1;transform:translate3d(0,0,0)!important; margin-top:13px!important;padding-top:11px!important;border-top-color:rgba(122,38,55,.12)!important; } .mobile-archive-months.is-switching{opacity:1!important;transform:translate3d(0,0,0)!important;} .mobile-nav-item,.mobile-tax-btn,.mobile-nav-util,.mobile-language-option{ transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .12s ease!important; } /* FAQ open and close use the same 460ms motion curve, so opening no longer snaps faster than closing. */ .faq-item{transition:border-color .46s ease,background-color .46s ease,box-shadow .46s ease!important;} .faq-question{transition:background-color .46s ease,color .46s ease!important;} .faq-chevron::before,.faq-chevron::after{transition:transform .46s cubic-bezier(.22,.72,.22,1),background-color .46s ease!important;} .faq-answer-wrap{ transition:grid-template-rows .46s cubic-bezier(.22,.72,.22,1),opacity .46s ease,border-color .46s ease,background .46s ease!important; } .faq-answer{transition:opacity .46s ease,transform .46s cubic-bezier(.22,.72,.22,1)!important;} } @media (prefers-reduced-motion:reduce){ @media (max-width:760px), (max-width:900px) and (hover:none) and (pointer:coarse){ .mobile-nav-drawer,.mobile-nav-scrim,.mobile-nav-group>.mobile-nav-sub,.mobile-nav-group>.mobile-nav-summary::after,.mobile-archive-months,.faq-item,.faq-question,.faq-chevron::before,.faq-chevron::after,.faq-answer-wrap,.faq-answer{transition:none!important;animation:none!important;} } } /* v89.90: full viewport-top mobile menu + article floating menu shortcut. */ .mobile-article-menu-fab{display:none;} @media (max-width:760px), (max-width:900px) and (hover:none) and (pointer:coarse){ /* Once opened, the drawer always occupies the viewport from y=0. The nav itself is naturally aligned to y=0 on home before opening, or temporarily surfaced on content pages. */ .mobile-nav-drawer{top:0!important;max-height:100dvh!important;} body.article-mode.mobile-menu-open .nav, body.faq-page-mode.mobile-menu-open .nav, body.contact-page-mode.mobile-menu-open .nav, body.site-page-mode.mobile-menu-open .nav{ display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:122!important; } .mobile-article-menu-fab{ position:fixed!important;right:max(10px,env(safe-area-inset-right,0px))!important; bottom:calc(max(10px,env(safe-area-inset-bottom,0px)) + 54px)!important; width:44px!important;height:44px!important;display:none!important;align-items:center;justify-content:center; background:var(--ink-2)!important;border:1px solid var(--ink-3)!important;border-radius:7px!important; color:var(--sand-dim)!important;cursor:pointer;z-index:110!important; backdrop-filter:none!important;-webkit-backdrop-filter:none!important; transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .14s ease!important; -webkit-tap-highlight-color:transparent; } body.article-mode .mobile-article-menu-fab{display:flex!important;} .mobile-article-menu-fab:active{color:var(--brass)!important;border-color:var(--brass)!important;background:#111!important;transform:scale(.96);} body.article-mode.mobile-menu-open .mobile-article-menu-fab, body.article-mode.mobile-menu-open .mobile-history-back, body.admin-mode .mobile-article-menu-fab{display:none!important;} } @media (prefers-reduced-motion:reduce){ @media (max-width:760px), (max-width:900px) and (hover:none) and (pointer:coarse){ .mobile-article-menu-fab{transition:none!important;transform:none!important;} } } /* v89.91: the mobile drawer is a true independent viewport overlay. It never repositions, reveals, or temporarily surfaces the page navigation. */ .mobile-drawer-head{display:none;} @media (max-width:760px), (max-width:900px) and (hover:none) and (pointer:coarse){ /* Never move the page nav while the overlay opens/closes. */ body.mobile-menu-open .nav{ position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:auto!important; } body.article-mode.mobile-menu-open .nav, body.faq-page-mode.mobile-menu-open .nav, body.contact-page-mode.mobile-menu-open .nav, body.site-page-mode.mobile-menu-open .nav{display:none!important;} /* Full viewport overlay; no window scrolling is used to present it. */ .mobile-nav-drawer{ position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important; width:100%!important;height:100dvh!important;max-height:100dvh!important; padding:0 max(14px,env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))!important; overflow-y:auto!important;overflow-x:hidden!important;background:#080808!important; border:0!important;border-radius:0!important;box-shadow:none!important;z-index:130!important; overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important; contain:paint!important; } .mobile-nav-scrim{z-index:129!important;} .mobile-drawer-head{ position:sticky;top:0;z-index:4;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center; min-height:calc(var(--mobile-nav-h) + env(safe-area-inset-top,0px)); margin:0 calc(-1 * max(14px,env(safe-area-inset-right,0px))) 0 calc(-1 * max(14px,env(safe-area-inset-left,0px))); padding:env(safe-area-inset-top,0px) max(14px,env(safe-area-inset-right,0px)) 0 max(14px,env(safe-area-inset-left,0px)); background:#090909;border-bottom:1px solid rgba(122,38,55,.23); } .mobile-drawer-brand{ justify-self:start;min-height:44px;padding:0;border:0;background:transparent;color:#d7d0d2; font:600 14px/1 var(--cond);letter-spacing:.22em;text-transform:uppercase;cursor:pointer; } .mobile-drawer-head-actions{display:flex;align-items:center;gap:6px;} .mobile-drawer-icon{ width:46px;height:46px;display:grid;place-items:center;border:0;background:transparent;color:#a9a0a3;cursor:pointer; -webkit-tap-highlight-color:transparent; } .mobile-drawer-icon svg{width:25px;height:25px;display:block;} .mobile-drawer-icon:active,.mobile-drawer-brand:active{color:#b34b62;} .mobile-nav-search{margin:10px 0 10px!important;} /* The real page nav is never part of the drawer transition. */ .nav{will-change:auto!important;} } @supports not (height:100dvh){ @media (max-width:760px), (max-width:900px) and (hover:none) and (pointer:coarse){ .mobile-nav-drawer{height:100vh!important;max-height:100vh!important;} } } @media (prefers-reduced-motion:reduce){ @media (max-width:760px), (max-width:900px) and (hover:none) and (pointer:coarse){ .mobile-drawer-icon,.mobile-drawer-brand{transition:none!important;} } } @media (max-width:760px), (max-width:900px) and (hover:none) and (pointer:coarse){ html.mobile-menu-lock{overflow:hidden!important;overscroll-behavior:none!important;} body.mobile-menu-open{ position:fixed!important;left:0!important;right:0!important;width:100%!important;top:var(--rb-mobile-menu-lock-top,0px)!important; overflow:hidden!important;overscroll-behavior:none!important;background:#000!important; } body.mobile-menu-open .nav{position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:auto!important;} body, .wrap, .article-view, .faq-view, .contact-view, .site-page-view{background:#000!important;} .foot{background-color:#000!important;} } @media (prefers-reduced-motion:reduce){ @media (max-width:760px), (max-width:900px) and (hover:none) and (pointer:coarse){ } } /* v89.99: article category eyebrow + FAQ kicker removed by template; no generated/future article can restore them. */ .article-header::before,.article-eyebrow,.faq-kicker{display:none!important;} /* Late override so mobile baseline cannot re-introduce the removed duplicate labels. */ .site-page-head::before{content:none!important;display:none!important;} .site-page-topbar,.contact-topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;} .site-page-mark,.contact-mark{display:block!important;justify-self:center!important;text-align:center!important;} .site-page-head{padding:30px clamp(26px,6vw,76px) 30px!important;} @media (max-width:700px){ .site-page-head{padding:23px 22px 24px!important;} } @media (max-width:760px), (max-width:900px) and (hover:none) and (pointer:coarse){ .site-page-topbar,.contact-topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;} .site-page-mark,.contact-mark{display:block!important;justify-self:center!important;max-width:140px!important;text-align:center!important;} .site-page-head{padding:24px 17px 22px!important;} } /* v89.133 — inline article gallery; retain the original image records and lightbox. */ .article-gallery.rb-gallery{display:block!important;margin:0 0 36px;} .article-gallery.rb-gallery[hidden]{display:none!important;} .rb-gallery-stage{position:relative;isolation:isolate;overflow:hidden;height:clamp(320px,52vw,620px);background:#080808;border:1px solid rgba(122,38,55,.26);border-radius:6px;touch-action:pan-y pinch-zoom;} .article-gallery.rb-gallery .rb-gallery-stage>figure{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;border:0;border-radius:0!important;box-shadow:none;background:#080808;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s;} .article-gallery.rb-gallery .rb-gallery-stage>figure.is-current{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;} .article-gallery.rb-gallery .rb-gallery-stage img{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%!important;object-fit:contain!important;user-select:none;-webkit-user-drag:none;transform:none;} .article-gallery.rb-gallery .rb-gallery-stage figcaption{display:none!important;} .article-gallery.rb-gallery .rb-gallery-stage figure:hover img{filter:none;} .rb-gallery-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:48px;padding:0;border:1px solid rgba(255,255,255,.19);border-radius:5px;background:rgba(7,7,8,.7);color:#e2dadd;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease;touch-action:manipulation;} .rb-gallery-arrow.prev{left:12px;}.rb-gallery-arrow.next{right:12px;} .rb-gallery-arrow svg{width:17px;height:22px;pointer-events:none;} .rb-gallery-arrow:hover{background:rgba(37,15,21,.92);border-color:#96364c;color:#fff;} .rb-gallery-arrow:focus-visible,.rb-gallery-stage img:focus-visible{outline:2px solid #bd516b;outline-offset:-3px;} .rb-gallery-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px;padding:11px 3px 0;color:#96888d;font:400 11px/1.6 var(--sans);} .rb-gallery-caption{grid-column:1;grid-row:1;min-width:0;overflow-wrap:anywhere;white-space:pre-line;} .rb-gallery-count{grid-column:2;grid-row:1;white-space:nowrap;color:#b09ca3;font:600 10px/1.8 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.15em;} .rb-gallery-footer.is-single{display:block;} .rb-gallery-arrow[hidden],.rb-gallery-footer[hidden],.rb-gallery-count[hidden],.rb-gallery-caption[hidden]{display:none!important;} @media(max-width:760px),(max-width:900px) and (hover:none) and (pointer:coarse){ .article-gallery.rb-gallery{margin-bottom:21px!important;} .rb-gallery-stage{height:clamp(280px,110vw,520px);} .rb-gallery-arrow{width:44px;height:44px;background:rgba(7,7,8,.72);} .rb-gallery-arrow.prev{left:8px;}.rb-gallery-arrow.next{right:8px;} .rb-gallery-footer{gap:8px;padding-top:9px;font-size:10px;} } @media(prefers-reduced-motion:reduce){ .article-gallery.rb-gallery .rb-gallery-stage>figure,.rb-gallery-arrow{transition:none!important;} } .rb-gallery-image-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:50px;pointer-events:none;color:#a8949b;font:400 11px/1.6 var(--sans);text-align:center;} .rb-gallery-image-status button,.article-lightbox-load-status button{pointer-events:auto;border:1px solid #713044;border-radius:4px;padding:8px 15px;background:#211117;color:#e1ccd3;font:600 11px/1.3 var(--sans);cursor:pointer;} .rb-gallery-image-status[hidden],.rb-gallery-image-status button[hidden],.article-lightbox-load-status[hidden],.article-lightbox-load-status button[hidden]{display:none!important;} .article-gallery.rb-gallery .rb-gallery-stage img:not([src]){opacity:0;} .article-lightbox-image-wrap{position:relative;} .article-lightbox-load-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px;color:#b5a0a8;text-align:center;font:400 12px/1.6 var(--sans);} /* Shared control geometry: 40x48 desktop, 44x44 touch/mobile. */ .rb-gallery-arrow,.article-lightbox .article-lightbox-nav{ appearance:none;box-sizing:border-box;display:grid;place-items:center; width:40px!important;height:48px!important;padding:0!important; border:1px solid rgba(255,255,255,.19)!important;border-radius:5px!important; background:rgba(7,7,8,.7)!important;color:#e2dadd!important;box-shadow:none; font:400 14px/1 var(--sans);cursor:pointer;touch-action:manipulation; transform:translateY(-50%); transition:background .18s ease,border-color .18s ease,color .18s ease,transform .16s ease,box-shadow .18s ease!important; } .rb-gallery-arrow svg,.article-lightbox-nav svg{width:17px;height:22px;pointer-events:none;} .rb-gallery-arrow:hover,.article-lightbox .article-lightbox-nav:hover{background:rgba(37,15,21,.92)!important;border-color:#96364c!important;color:#fff!important;} .rb-gallery-arrow:active,.article-lightbox .article-lightbox-nav:active{transform:translateY(-50%) scale(.92);background:rgba(80,26,42,.94)!important;} .rb-gallery-arrow:focus-visible,.article-lightbox .article-lightbox-nav:focus-visible{outline:2px solid #bd516b;outline-offset:-3px;} .rb-gallery-arrow.is-pressed,.article-lightbox .article-lightbox-nav.is-pressed{animation:rb-image-control-press .24s ease-out;} .article-lightbox .article-lightbox-nav[hidden]{display:none!important;} @keyframes rb-image-control-press{ 0%{transform:translateY(-50%) scale(1);} 38%{transform:translateY(-50%) scale(.91);box-shadow:0 0 0 3px rgba(150,54,76,.2);} 100%{transform:translateY(-50%) scale(1);box-shadow:0 0 0 0 rgba(150,54,76,0);} } @media(max-width:760px),(max-width:900px) and (hover:none) and (pointer:coarse){ .rb-gallery-arrow,.article-lightbox .article-lightbox-nav{width:44px!important;height:44px!important;background:rgba(7,7,8,.72)!important;} } @media(prefers-reduced-motion:reduce){ .rb-gallery-arrow,.article-lightbox .article-lightbox-nav{animation:none!important;transition:none!important;} .rb-gallery-arrow:active,.article-lightbox .article-lightbox-nav:active{transform:translateY(-50%);} } /* v89.137 — use the site accent for the native search clear control. */ #nav-search-input::-webkit-search-cancel-button, #mobile-nav-search-input::-webkit-search-cancel-button{ -webkit-appearance:none; appearance:none; width:18px; height:18px; margin:0 3px 0 8px; border:0; border-radius:3px; background-color:#8D3345; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 5l8 8M13 5l-8 8' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/14px 14px no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 5l8 8M13 5l-8 8' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/14px 14px no-repeat; opacity:.92; cursor:pointer; transition:background-color .16s ease,opacity .16s ease,transform .16s ease; } #nav-search-input::-webkit-search-cancel-button:hover, #mobile-nav-search-input::-webkit-search-cancel-button:hover{ background-color:#D95C79; opacity:1; } #nav-search-input::-webkit-search-cancel-button:active, #mobile-nav-search-input::-webkit-search-cancel-button:active{ background-color:#A63B52; transform:scale(.88); } @media(max-width:760px),(max-width:900px) and (hover:none) and (pointer:coarse){ #mobile-nav-search-input::-webkit-search-cancel-button{width:20px;height:20px;margin-right:4px;-webkit-mask-size:15px 15px;mask-size:15px 15px;} } @media(prefers-reduced-motion:reduce){ #nav-search-input::-webkit-search-cancel-button, #mobile-nav-search-input::-webkit-search-cancel-button{transition:none;} } /* v89.138 — restore normal reading brightness for expanded FAQ copy. */ .faq-item.is-open .faq-answer{ color:#D6D0D1; }