@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&display=swap");
:root { --content-title-size:clamp(1.05rem,1.8vw,1.42rem); --content-body-size:clamp(.78rem,1vw,.86rem); }
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080e20;color:#f4f0e8;font-family:Georgia,"Times New Roman",serif}a{color:inherit}button,input,textarea,select{font:inherit}
body { margin:0; background:#080e20; color:#f4f0e8; font-family:Georgia,"Times New Roman",serif; }
a { color:inherit; }
button, input, textarea, select { font:inherit; }
.site-shell { --star-field:radial-gradient(circle at 31px 53px,#f3f6ff 0 1px,#c9d8ff8c 1.5px,transparent 3px),radial-gradient(circle at 137px 81px,#cbd9ff 0 1px,#9db8ef91 1.7px,transparent 3px),radial-gradient(circle at 79px 183px,#e8e6ff 0 1px,#b3aeea88 1.8px,transparent 3.5px),radial-gradient(circle at 181px 107px,#f5f4ff 0 1px,#bfc8ff77 2px,transparent 4px),radial-gradient(circle at 215px 193px,#c2d8ff 0 1px,#8eb3e877 2px,transparent 4px),radial-gradient(circle at 94px 319px,#ffffff 0 1px,#bccbff9c 2.5px,transparent 9px); min-height:100vh; background-image:var(--star-field),linear-gradient(165deg,#0b1022,#080e20 60%,#0b1022); background-size:211px 239px,277px 263px,307px 331px,383px 307px,439px 397px,907px 733px,auto; }
.site-shell.has-custom-background { isolation:isolate; background-image:var(--star-field); background-color:transparent; }
.site-shell.has-custom-background::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background-image:linear-gradient(rgba(4,8,22,.46),rgba(4,8,22,.7)),var(--site-background-image); background-position:center; background-size:cover; background-repeat:no-repeat; background-color:#080e20; }
.site-header { background:#05080f; border-bottom:1px solid #e9bc681a; }
.header-inner { width:min(1200px,100%); min-height:112px; margin:auto; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; row-gap:1.1rem; padding:1.1rem 2rem 1.5rem; }
.brand { grid-column:2; grid-row:1; display:block; width:min(390px,45vw); line-height:0; }
.brand img { width:100%; height:auto; }
.language-nav { grid-column:3; grid-row:1; justify-self:end; display:flex; gap:.8rem; align-items:center; font: .88rem Arial,sans-serif; }
.language-nav a { display:flex; gap:.35rem; align-items:center; text-decoration:none; color:#b9c2d2; padding:.45rem .15rem; border-bottom:1px solid transparent; }
.language-nav a.active { color:#f4f0e8; border-bottom-color:#e9bc68; }
.language-nav a:hover { color:#fff; }
.header-nav { grid-column:1 / -1; grid-row:2; justify-self:center; position:relative; z-index:5; display:flex; flex-direction:row; align-items:center; justify-content:center; flex-wrap:wrap; gap:.7rem; width:100%; }
.header-nav > * { width:min(200px,100%); }
.post-navigation { font: .88rem Arial,sans-serif; }
.post-navigation summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:1rem; height:46px; border:1px solid #e9bc68; border-radius:999px; padding:0 0 0 1.1rem; color:#f1cd89; cursor:pointer; white-space:nowrap; overflow:hidden; font:600 .9rem "Cinzel",Georgia,serif; }
.post-navigation summary::-webkit-details-marker { display:none; }
.post-navigation summary:hover,.post-navigation summary:focus-visible { background:#e9bc6820; outline:none; }
.post-navigation summary:focus-visible { box-shadow:0 0 0 2px #e9bc68; }
.post-nav-arrow { align-self:stretch; width:46px; display:grid; place-items:center; border-radius:0 999px 999px 0; background:linear-gradient(160deg,#f8d881,#f2bf68 46%,#b87929); }
.post-nav-arrow i { width:10px; height:10px; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:translateY(-2px) rotate(45deg); }
.post-navigation details[open] .post-nav-arrow i { transform:translateY(3px) rotate(225deg); }
.post-nav-panel { position:absolute; top:calc(100% + .5rem); left:50%; transform:translateX(-50%); width:min(340px,calc(100vw - 2rem)); border:1px solid #aa8348; border-radius:10px; padding:1rem; background:#0c1428; box-shadow:0 18px 35px #0009; }
.post-sort-options { display:flex; gap:.4rem; padding:0 0 .75rem; margin-bottom:.35rem; border-bottom:1px solid #ffffff35; }
.post-sort-options a { flex:1; padding:.5rem .2rem; border:1px solid #aa8348; border-radius:7px; color:#f1cd89; text-decoration:none; text-align:center; font:600 .7rem/1.3 "Cinzel",Georgia,serif; }
.post-sort-options a:hover,.post-sort-options a:focus-visible,.post-sort-options a[aria-current="page"] { background:#e9bc6828; outline-color:#e9bc68; }
.post-nav-results { max-height:280px; overflow-y:auto; display:flex; flex-direction:column; }
.post-nav-results a { padding:.7rem .45rem; text-decoration:none; color:#f4f0e8; border-bottom:1px solid #ffffff1c; font:400 .88rem/1.5 "Cinzel",Georgia,serif; }
.post-nav-results a:hover,.post-nav-results a:focus-visible { color:#f1cd89; background:#ffffff12; }
.post-nav-results a[aria-current="page"] { color:#f1cd89; }
.post-nav-results .category-link { font-weight:600; }
.post-nav-results .topic-link { padding-left:1.5rem; font-size:.82rem; color:#c7cbd7; }
.post-nav-results .topic-link::before { content:"↳ "; color:#e9bc68; }
.post-nav-results .topic-link[aria-current="page"] { color:#f1cd89; }
.daily-card-trigger { display:flex; align-items:center; justify-content:space-between; gap:1rem; height:46px; padding:0 0 0 1.1rem; border:1px solid #e9bc68; border-radius:999px; background:#05080f; color:#f1cd89; font:600 .9rem "Cinzel",Georgia,serif; cursor:pointer; white-space:nowrap; overflow:hidden; }
.daily-card-trigger:hover,.daily-card-trigger:focus-visible { background:#e9bc6820; outline-color:#e9bc68; }
.daily-card-trigger .post-nav-arrow i { transform:translateX(-2px) rotate(-45deg); }
.card-modal { width:min(760px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); padding:3px; border:0; border-radius:16px; color:#f4f0e8; background:linear-gradient(180deg,#f8d881 0%,#f2bf68 47%,#fff0aa 70%,#b87929 100%); box-shadow:0 22px 65px #000d; }
.card-modal::backdrop { background:rgba(0,0,0,.82); }
.card-modal-inner { max-height:calc(100dvh - 30px); overflow-y:auto; padding:3rem clamp(1rem,4vw,2.5rem) 3.2rem; border-radius:13px; background:#080e20; text-align:center; }
.card-modal-inner.has-card-background { background-image:linear-gradient(rgba(8,14,32,.72),rgba(8,14,32,.84)),var(--card-background-image); background-position:center; background-size:cover; }
.card-close-form { position:absolute; z-index:2; top:13px; right:13px; }
.card-close { position:relative; display:block; width:42px; height:42px; border:1px solid #e9bc68; border-radius:50%; background:#080e20; color:#f4d397; cursor:pointer; caret-color:transparent; user-select:none; }
.card-close::before,.card-close::after { content:""; position:absolute; top:50%; left:50%; width:18px; height:2px; border-radius:1px; background:currentColor; pointer-events:none; }
.card-close::before { transform:translate(-50%,-50%) rotate(45deg); }
.card-close::after { transform:translate(-50%,-50%) rotate(-45deg); }
.card-close:hover,.card-close:focus-visible { background:#554027; outline-color:#e9bc68; }
.card-date-ribbon,.card-footer-ribbon { display:flex; align-items:center; justify-content:center; width:min(360px,100%); min-height:46px; margin:0 auto 1.5rem; padding:.55rem 2.7rem; clip-path:polygon(0 0,100% 0,90% 50%,100% 100%,0 100%,10% 50%); background:linear-gradient(125deg,#f8d881,#f2bf68 46%,#fff0aa 70%,#b87929); color:#101624; font:700 clamp(.78rem,2vw,1rem)/1.35 "Cinzel",Georgia,serif; overflow-wrap:anywhere; }
.card-image-frame { width:min(340px,100%); margin:0 auto 1.5rem; padding:3px; border-radius:13px; background:linear-gradient(180deg,#f8d881 0%,#f2bf68 47%,#fff0aa 70%,#b87929 100%); box-shadow:10px 18px 34px #000c,0 0 16px #e9bc6840; }
.card-image { display:block; width:100%; height:auto; aspect-ratio:85/125; object-fit:contain; border-radius:10px; background:#0b1120; }
.card-title { display:flex; align-items:center; justify-content:center; width:min(560px,100%); min-height:60px; margin:0 auto 1.1rem; padding:.7rem 2rem; clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%); background:linear-gradient(125deg,#f8d881,#f2bf68 46%,#fff0aa 70%,#b87929); font-size:var(--content-title-size); line-height:1.3; text-align:center; overflow-wrap:anywhere; }
.card-reading { width:min(560px,100%); margin:auto; }
.has-card-background .card-reading { padding:1rem clamp(.6rem,2vw,1.4rem); border-radius:10px; background:rgba(4,8,22,.76); }
.card-intro,.card-middle-text,.card-interpretation { font-size:var(--content-body-size); line-height:1.7; }
.card-intro { margin:0 auto 1.4rem; }
.card-middle-text { margin:1.6rem auto 0; text-align:center; }
.card-middle-text p:last-child,.card-intro p:last-child,.card-interpretation p:last-child { margin-bottom:0; }
.card-middle-text a { color:inherit; }
.card-reading-heading { margin:0 0 .7rem; font:600 clamp(1rem,2.5vw,1.25rem)/1.4 "Cinzel",Georgia,serif; font-variant:normal; text-transform:none; }
.card-gold-text { display:inline-block; background:linear-gradient(180deg,#f8d881 0%,#f2bf68 47%,#fff0aa 70%,#b87929 100%); background-clip:text; -webkit-background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
.card-lower-divider { width:min(520px,100%); height:1px; margin:2rem auto 1.2rem; background:linear-gradient(90deg,#b87929,#fff0aa,#f2bf68); }
.card-footer-ribbon { margin:0 auto 1.2rem; }
.card-archive { width:min(560px,100%); margin:0 auto; text-align:center; }
.card-archive summary { display:flex; align-items:center; justify-content:center; gap:.5rem; list-style:none; cursor:pointer; font:600 .9rem "Cinzel",Georgia,serif; font-variant:normal; text-transform:none; }
.card-archive summary::-webkit-details-marker { display:none; }
.card-archive-arrow { font-size:.8rem; transition:transform .18s ease; }
.card-archive[open] .card-archive-arrow { transform:rotate(180deg); }
.card-archive summary:focus-visible { outline:2px solid #f2bf68; outline-offset:4px; }
.card-deck-filter { display:block; margin:1rem 0; color:#c7cbd7; font:400 .85rem/1.5 "Cinzel",Georgia,serif; }
.card-deck-filter select { display:block; width:100%; margin-top:.35rem; padding:.55rem; border:1px solid #aa8348; border-radius:7px; background:#101a30; color:#fff; }
.card-archive-list { max-height:230px; overflow-y:auto; display:flex; flex-direction:column; text-align:left; }
.card-archive-list a { padding:.7rem .25rem; border-bottom:1px solid #ffffff25; color:#f4f0e8; text-decoration:none; font:400 .8rem/1.5 "Cinzel",Georgia,serif; }
.card-archive-list a:hover,.card-archive-list a[aria-current="page"] { color:#f1cd89; }
.admin-card-preview { display:block; width:min(200px,100%); height:auto; aspect-ratio:85/125; object-fit:contain; margin:.8rem 0; border:1px solid #aa8348; border-radius:8px; }
.admin-favicon-preview { display:block; width:96px; height:96px; object-fit:contain; margin:1.2rem 0 .7rem; border:1px solid #aa8348; background:#05080f; }
.post { scroll-margin-top:1.5rem; }
.content-column { width:min(860px,calc(100% - 2.5rem)); margin:0 auto; padding:4.5rem 0 3rem; }
.post-entry { margin-bottom:5.5rem; }
.post-entry+.post-entry { margin-top:5rem; }
.post-date { display:flex; align-items:center; justify-content:center; width:min(100%,330px); min-height:40px; margin:0 auto .65rem; padding:.4rem 38px; clip-path:polygon(0 0,100% 0,90% 50%,100% 100%,0 100%,10% 50%); background:linear-gradient(125deg,#f8d881,#f2bf68 46%,#fff0aa 70%,#b87929); color:#101624; text-align:center; font:700 .78rem/1.35 "Cinzel",Georgia,serif; letter-spacing:.01em; }
.post { margin:0; border:3px solid transparent; border-image:linear-gradient(180deg,#f8d881 0%,#f2bf68 47%,#fff0aa 70%,#b87929 100%) 1; padding:12px; background:#080e20; }
.post-image { display:block; width:100%; height:auto; max-height:560px; object-fit:cover; aspect-ratio:1.93; background:#19213b; }
.post-carousel { position:relative; overflow:hidden; background-color:#080e20; background-image:radial-gradient(circle at 19% 20%,#fff9 0 1px,transparent 2px),radial-gradient(circle at 83% 31%,#dfbd7bb8 0 1px,transparent 2px),radial-gradient(circle at 11% 72%,#dfbd7b9c 0 1px,transparent 2px),radial-gradient(circle at 75% 84%,#fff8 0 1px,transparent 2px),radial-gradient(ellipse at 50% 45%,#242342 0%,#080e20 70%); background-size:220px 190px,260px 210px,310px 260px,200px 230px,cover; }
.post-carousel.custom-carousel-background { background-image:linear-gradient(#080e2040,#080e2040),var(--carousel-background-image); background-position:center; background-size:cover; }
.post-carousel-track { display:flex; align-items:center; justify-content:center; height:clamp(340px,58vw,560px); }
.post-carousel .post-image { width:auto; height:auto; max-width:calc(100% - 116px); max-height:calc(100% - 30px); object-fit:contain; aspect-ratio:auto; background:transparent; border:2px solid #dfbd7b; box-shadow:0 10px 32px #000b; }
.post-carousel .post-image[hidden] { display:none; }
.post-carousel-arrow { position:absolute; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:42px; height:56px; border:1px solid #dfbd7b; border-radius:8px; background:#080e20c9; color:#f4f0e8; font:38px/1 Georgia,serif; cursor:pointer; }
.post-carousel-arrow:hover,.post-carousel-arrow:focus-visible { background:#523b1d; outline:2px solid #f4d997; outline-offset:2px; }
.post-carousel-arrow.previous { left:12px; }.post-carousel-arrow.next { right:12px; }
.post-carousel-count { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); border-radius:12px; padding:3px 12px; color:#f4f0e8; background:#080e20cf; font:600 13px/1.4 Georgia,serif; }
@media(max-width:700px) { .post-carousel-track { height:min(68vh,530px); min-height:320px; padding-bottom:42px; } .post-carousel .post-image { max-width:calc(100% - 18px); max-height:calc(100% - 26px); } .post-carousel-arrow { top:auto; bottom:9px; transform:none; width:40px; height:38px; } .post-carousel-count { bottom:15px; } }
.post-content { padding:2.6rem clamp(.15rem,3.8vw,2.4rem) 2.4rem; text-align:center; }
.post h1 { margin:0 0 1.6rem; font-size:var(--content-title-size); line-height:1.15; font-weight:400; letter-spacing:-.025em; }
.post-title-classic h1 { font-family:"Cinzel",Georgia,serif; font-weight:600; letter-spacing:.01em; }
.post-title-georgia h1 { font-family:Georgia,"Times New Roman",serif; }
.post-body-classic .post-copy { font-family:"Cinzel",Georgia,serif; font-weight:400; }
.post-body-georgia .post-copy { font-family:Georgia,"Times New Roman",serif; }
.post-copy { color:var(--post-body-color,#c7cbd7); font-size:var(--content-body-size); line-height:1.75; }
.post-copy p { margin:0 0 1.25rem; white-space:pre-line; }
.post-copy em { font-style:italic; font-synthesis:style; }
.post-copy h2 { margin:1.8rem 0 .8rem; font-size:1.5em; line-height:1.3; font-weight:400; }
.post-copy ul,.post-copy ol { display:table; margin:0 auto 1.25rem; padding-left:1.6em; text-align:left; }
.post-copy li { padding-left:.2em; }
.post-copy a { color:#f1cd89; text-underline-offset:.17em; }
.post-copy.is-collapsed { max-height:24rem; overflow:hidden; -webkit-mask-image:linear-gradient(#000 78%,transparent); mask-image:linear-gradient(#000 78%,transparent); }
.read-more-button { margin:.5rem auto 0; border:0; cursor:pointer; }
.read-more-button[hidden] { display:none; }
.read-more-button:not([hidden]) { display:inline-flex; }
.post-title-elegant h1,.post-body-elegant .post-copy { font-family:Palatino,"Palatino Linotype","Book Antiqua",serif; }
.post-title-literary h1,.post-body-literary .post-copy { font-family:Baskerville,"Libre Baskerville","Times New Roman",serif; }
.post-title-modern h1,.post-body-modern .post-copy { font-family:Arial,Helvetica,sans-serif; }
.post-title-soft h1,.post-body-soft .post-copy { font-family:"Trebuchet MS",Arial,sans-serif; }
.post-title-clear h1,.post-body-clear .post-copy { font-family:Verdana,Geneva,sans-serif; }
.post-buttons { display:flex; flex-wrap:wrap; justify-content:center; gap:.8rem; margin-top:2.2rem; }
.post-button { display:inline-flex; justify-content:center; align-items:center; min-height:44px; padding:.68rem 1.2rem; border-radius:999px; text-decoration:none; font:600 .9rem "Cinzel",Georgia,serif; transition:transform .18s ease,filter .18s ease; }
.post-button:hover { transform:translateY(-2px); filter:brightness(1.12); }
.color-gold,.color-outline { position:relative; background:transparent; color:#f4d397; }
.color-gold::before,.color-outline::before,.footer-links a::before { content:""; position:absolute; inset:0; border-radius:inherit; padding:2px; pointer-events:none; background:linear-gradient(125deg,#f8d881,#f2bf68 46%,#fff0aa 70%,#b87929); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; }
.color-outline::before { padding:1px; }
.color-purple { background:#64518a; color:#fff; }
.site-footer { width:min(860px,calc(100% - 2.5rem)); margin:auto; padding:0 0 3rem; color:#dfbd7b; font:400 .78rem/1.6 "Cinzel",Georgia,serif; letter-spacing:.12em; text-align:center; }
.footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:.7rem 1.4rem; margin:0 0 1.8rem; }
.footer-links.five-links { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); align-items:center; column-gap:.7rem; width:min(100%,700px); margin-left:auto; margin-right:auto; }
.footer-links.five-links a { grid-column:span 2; justify-self:center; max-width:100%; text-align:center; overflow-wrap:anywhere; }
.footer-links.five-links a:nth-child(4) { grid-column:2/span 2; }
.footer-links.five-links a:nth-child(5) { grid-column:4/span 2; }
.footer-links a { position:relative; display:inline-flex; align-items:center; min-height:44px; border-radius:999px; padding:.5rem .9rem; color:#f4d397; font:600 .85rem/1.3 "Cinzel",Georgia,serif; }
.footer-main { display:flex; justify-content:center; margin-top:1.8rem; }
.site-footer a { letter-spacing:normal; text-decoration:none; }
.site-footer a:hover { color:#e9bc68; }
.social-links { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:1.25rem; margin-top:2rem; }
.social-links a { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; }
.social-links a:hover { background:rgba(233,188,104,.12); }
.social-links a:focus-visible { outline:2px solid #f2bf68; outline-offset:2px; }
.social-links img { width:36px; height:36px; object-fit:contain; }
.social-demo-icon { width:36px; height:36px; display:grid; place-items:center; border:1px solid #dfbd7b; border-radius:50%; color:#f1cd89; font:600 1.2rem/1 Arial,sans-serif; }
.admin-social-preview { width:36px; height:36px; object-fit:contain; display:block; margin:.75rem 0; }
.footer-emails { display:flex; flex-direction:column; align-items:center; gap:.55rem; margin-top:1.7rem; font:400 .88rem/1.5 "Cinzel",Georgia,serif; letter-spacing:0; }
.footer-emails a { color:#dfbd7b; overflow-wrap:anywhere; }
@media(max-width:700px) { .header-inner { min-height:105px; grid-template-columns:1fr; gap:.6rem; padding:1rem; } .language-nav { grid-column:1; grid-row:1; justify-self:center; font-size:.8rem; } .brand { grid-column:1; grid-row:2; justify-self:center; width:min(340px,76vw); } .header-nav { grid-column:1; grid-row:3; justify-self:center; flex-direction:column; } .header-nav > * { width:min(240px,100%); } .content-column { padding-top:2rem; } .post-entry { margin-bottom:3.8rem; } .post-entry+.post-entry { margin-top:3.5rem; } .post { padding:7px; } .post-content { padding:1.7rem .7rem 1.8rem; } .post-image { aspect-ratio:1.45; } .post-buttons { flex-direction:column; align-items:stretch; } }
.admin-page { min-height:100vh; background:#080e20; color:#f4f0e8; font:1rem/1.5 Arial,sans-serif; padding:2rem max(1.2rem,calc((100vw - 1040px)/2)); }
.admin-header { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:2.5rem; }
.admin-header h1 { font:400 2rem Georgia,serif; margin:0; }
.admin-header a { color:#e9bc68; }
.admin-layout { display:grid; grid-template-columns:280px minmax(0,1fr); gap:1.4rem; }
.admin-panel { background:#111a30; border:1px solid #3b4965; border-radius:12px; padding:1.3rem; }
.admin-panel h2 { margin:0 0 1rem; font:400 1.45rem Georgia,serif; }
.admin-list { display:flex; flex-direction:column; gap:.5rem; }
.admin-list button { width:100%; text-align:left; padding:.7rem .8rem; color:#f4f0e8; background:#18233c; border:1px solid transparent; border-radius:8px; cursor:pointer; }
.admin-list button.selected { border-color:#e9bc68; }
.admin-list small { color:#aab7cb; display:block; }
.admin-actions { display:flex; flex-wrap:wrap; gap:.65rem; margin:1rem 0; }
.admin-page button { cursor:pointer; }
.admin-primary,.admin-secondary,.admin-danger { border-radius:7px; min-height:42px; padding:.58rem 1rem; border:1px solid #e9bc68; background:#e9bc68; color:#111724; font-weight:600; }
.admin-secondary { background:transparent; color:#e9bc68; }
.admin-danger { border-color:#b75b69; background:transparent; color:#ffb9c2; }
.admin-field { display:block; margin:1rem 0; font-size:.92rem; color:#d9dfed; }
.admin-field span { display:block; margin-bottom:.4rem; }
.admin-field input,.admin-field textarea,.admin-field select { width:100%; background:#0b1326; color:#f4f0e8; border:1px solid #526080; border-radius:7px; padding:.65rem .75rem; min-height:43px; }
.admin-field textarea { min-height:160px; resize:vertical; }
.admin-color-field { display:flex; flex-wrap:wrap; align-items:center; gap:.65rem; margin:1rem 0 1.4rem; color:#d9dfed; font-size:.92rem; }
.admin-color-field label { flex-basis:100%; }
.admin-color-field input[type=color] { width:54px; height:43px; padding:3px; background:#0b1326; border:1px solid #526080; border-radius:7px; cursor:pointer; }
.admin-color-field span { font-family:Arial,sans-serif; color:#b9c2d2; }
.admin-format-toolbar { display:flex; flex-wrap:wrap; gap:.4rem; margin:-.4rem 0 .5rem; }
.admin-format-toolbar button { min-width:38px; min-height:38px; padding:.35rem .65rem; border:1px solid #526080; border-radius:6px; background:#18233c; color:#f4f0e8; }
.admin-format-toolbar button:hover,.admin-format-toolbar button:focus-visible { border-color:#e9bc68; }
.admin-check { display:flex; gap:.6rem; align-items:center; margin:.8rem 0; }
.admin-check input { width:1.1rem; height:1.1rem; accent-color:#e9bc68; }
.admin-tabs { display:flex; gap:.5rem; margin:1.5rem 0 .8rem; }
.admin-tabs button { border:1px solid #526080; background:transparent; color:#d9dfed; padding:.45rem .9rem; border-radius:7px; }
.admin-tabs button.active { background:#e9bc68; border-color:#e9bc68; color:#111724; }
.admin-button-item { border:1px solid #3b4965; padding:1rem; border-radius:9px; margin:.9rem 0; }
.admin-notice { padding:.7rem; border-radius:7px; margin-bottom:1rem; background:#263556; color:#fff; }
.admin-upload { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:.55rem; padding:1rem; border:1px dashed #526080; border-radius:8px; margin:1rem 0; cursor:pointer; min-width:0; }
.admin-upload strong { font-size:.92rem; line-height:1.35; }
.admin-upload small { color:#aebbd0; line-height:1.35; }
.admin-upload-button { display:inline-block; max-width:100%; border:1px solid #e9bc68; border-radius:7px; color:#e9bc68; padding:.55rem .7rem; font-weight:600; font-size:.88rem; line-height:1.35; }
.admin-upload:hover .admin-upload-button,.admin-upload:focus-within .admin-upload-button { background:#e9bc68; color:#111724; }
.admin-file-input { position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; }
.admin-help { color:#c3ccdb; font-size:.88rem; line-height:1.55; overflow-wrap:break-word; margin:.4rem 0 1rem; }
.admin-preview { max-width:100%; max-height:240px; display:block; margin:.7rem 0; object-fit:contain; }
.admin-carousel-list { display:flex; flex-direction:column; gap:8px; margin:12px 0; }
.admin-carousel-item { display:flex; align-items:center; gap:9px; padding:8px; border:1px solid #a28251; border-radius:8px; }
.admin-carousel-item img { width:90px; height:70px; object-fit:cover; }
.admin-carousel-item .admin-check { flex:1; margin:0; }
[data-image-mode][hidden] { display:none; }
.admin-carousel-item { display:block; }
.admin-carousel-item-head { display:flex; align-items:center; gap:9px; }
.admin-carousel-new-item { margin:12px 0; padding:12px; border:1px solid #a28251; border-radius:8px; }
.admin-carousel-new-item h4 { margin:0 0 10px; }
[data-per-image][hidden],[data-shared-copy][hidden],[data-carousel-copy][hidden] { display:none; }
.admin-background-preview { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:7px; display:block; margin:.7rem 0; }
@media(max-width:760px) { .admin-page { padding:1.2rem; } .admin-layout { grid-template-columns:1fr; } .admin-header { align-items:flex-start; } }
@media(max-width:700px) { .footer-links.five-links { display:flex; flex-wrap:wrap; gap:.7rem; width:100%; } }
.setup-box{max-width:480px;margin:7vh auto}.admin-list{margin:1rem 0 2rem}.admin-list a{display:block;width:100%;text-decoration:none;padding:.7rem .8rem;color:#f4f0e8;background:#18233c;border:1px solid transparent;border-radius:8px}.admin-list a.selected{border-color:#e9bc68}.admin-panel>h2:not(:first-child){margin-top:2rem}.admin-panel form{margin-bottom:1.5rem}.admin-primary,.admin-secondary,.admin-danger{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.add-new{margin-bottom:.3rem}.admin-button-item legend{color:#e9bc68;padding:0 .3rem}.admin-field input[type=color]{width:72px;min-height:45px;padding:.25rem}.admin-field input[type=file]{font-size:.85rem;max-width:100%}.admin-field input[type=file]::file-selector-button{border:1px solid #e9bc68;background:#18233c;color:#f4d397;border-radius:6px;padding:.5rem;margin-right:.6rem}.admin-field .custom-color{margin-top:.5rem}.admin-notice.error{background:#652c3b}.inline-form{display:inline-block;margin:0 0 0 1rem!important}.delete-form{margin-top:1.5rem}[hidden]{display:none!important}.post-copy p{overflow-wrap:anywhere}.post-navigation details{position:relative}
@media(max-width:760px){.admin-header{flex-direction:column}.inline-form{margin-left:0!important}.post-date{font-size:.72rem}}
.header-nav .post-navigation details{position:relative}