@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&display=swap");
*{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; padding:1.1rem 2rem; }
.brand { grid-column:2; display:block; width:min(390px,45vw); line-height:0; }
.brand img { width:100%; height:auto; }
.language-nav { grid-column:3; 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; }
.post-navigation { grid-column:1; grid-row:1; justify-self:start; position:relative; z-index:5; 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:0; width:min(340px,calc(100vw - 2rem)); border:1px solid #aa8348; border-radius:10px; padding:1rem; background:#0c1428; box-shadow:0 18px 35px #0009; }
.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 { 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-content { padding:2.6rem clamp(.15rem,3.8vw,2.4rem) 2.4rem; text-align:center; }
.post h1 { margin:0 0 1.6rem; font-size:clamp(2.1rem,5vw,3.5rem); 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:clamp(1.1rem,2.1vw,1.34rem); line-height:1.75; }
.post-copy p { margin:0 0 1.25rem; white-space:pre-line; }
.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); } .post-navigation { grid-column:1; grid-row:3; justify-self:start; } .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-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}}
.post h1 {
    font-size: clamp(1.25rem, 2.5vw, 1.8rem);
}

.post-copy {
    font-size: clamp(0.8rem, 1vw, 0.9rem);
}