/* Sonara inner pages — extracted from prototip (single + blog/page) */
/* —— SINGLE —— yazı paneli ferah; site kabuğu dark kalır —— */
body.is-single .sec--single{
  position:relative;
  padding:calc(88px + 22px) 0 64px;
  background:
    radial-gradient(ellipse 60% 40% at 20% 0%,rgba(255,120,40,.1),transparent 55%),
    linear-gradient(180deg,#121018 0%,#0c0a14 100%);
}
.single-wrap{max-width:none;width:100%;margin:0}
/* paylaş | yazı | boşluk | sidebar */
.single-grid{
  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:flex-start;
  gap:20px 36px;
  width:100%;
  max-width:1360px;
  margin-inline:auto;
}
/* Masaüstü: dikey paylaşım paneli — yazı panelinden ayrı, hafif zemin */
.share-rail{
  flex:0 0 64px;
  width:64px;
  position:sticky;
  top:100px;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  z-index:5;
  padding:12px 8px 14px;
  border-radius:18px;
  background:
    linear-gradient(180deg,rgba(255,160,80,.12),rgba(18,14,22,.88) 40%,rgba(10,8,14,.94));
  border:1px solid rgba(255,180,100,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,230,190,.1),
    0 16px 36px rgba(0,0,0,.4);
}
.share-rail-lbl{
  font-family:var(--ui);font-size:.55rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;
  color:#ffc078;margin:0 0 2px;writing-mode:horizontal-tb;
}
.share-rail .share-btn,
.share-inline .share-btn{
  width:44px;height:44px;border-radius:12px;
  display:grid;place-items:center;
  border:1px solid rgba(255,180,100,.32);
  background:linear-gradient(165deg,rgba(255,150,60,.18),rgba(12,10,18,.95));
  color:#ffd2a0;text-decoration:none;cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.28);
  transition:transform .15s,border-color .15s,color .15s,background .15s;
}
.share-rail .share-btn:hover,
.share-inline .share-btn:hover{
  transform:translateY(-2px);
  border-color:rgba(255,200,140,.6);
  color:#fff4e8;
  background:linear-gradient(165deg,rgba(255,150,60,.28),rgba(20,14,20,.95));
}
.share-rail .share-btn svg,
.share-inline .share-btn svg{width:18px;height:18px;display:block}
.share-rail .share-read{
  margin-top:4px;padding-top:10px;
  border-top:1px solid rgba(255,180,100,.22);
  display:flex;flex-direction:column;align-items:center;gap:6px;
  width:100%;
}
.share-rail .share-read > span:first-child{
  font-family:var(--ui);font-size:.55rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:#ffc078;
}
.share-rail .share-zoom-pct{
  font-family:var(--ui);font-size:.62rem;font-weight:800;letter-spacing:.04em;
  color:#ffe8c8;tabular-nums;
}
.share-rail .share-fs{
  width:40px;height:32px;border-radius:8px;cursor:pointer;
  border:1px solid rgba(255,180,100,.28);
  background:rgba(0,0,0,.35);color:#ffe8c8;
  font-family:var(--ui);font-weight:800;font-size:.78rem;
}
.share-rail .share-fs:hover{border-color:rgba(255,200,140,.5)}
.share-rail .share-fs.is-on{background:rgba(255,140,40,.22);border-color:rgba(255,180,100,.5);color:#fff}
/* Mobil: meta chip’lerin hemen altında yatay sıra */
.share-inline{
  display:none;
  margin:14px 0 0;padding:12px 0 0;
  border-top:1px solid rgba(160,100,50,.18);
  flex-direction:column;align-items:flex-start;gap:10px;
}
.share-inline-lbl{
  font-family:var(--ui);font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;
  color:#8a5a28;
}
.share-inline-btns{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.share-inline .share-btn{
  width:40px;height:40px;border-radius:11px;
  border-color:rgba(180,100,40,.35);
  background:linear-gradient(165deg,#fff8f0,#ffe0b8 55%,#ffb060);
  color:#3a1a08;
  box-shadow:0 4px 12px rgba(180,80,20,.18);
}
.share-inline .share-btn.is-copied{
  background:linear-gradient(165deg,#e8fff0,#9ee0b0);
  border-color:rgba(40,140,70,.45);
  color:#0a4020;
}
/* A± = tüm sayfa zoom (html zoom; Firefox fallback) */
html{zoom:var(--page-zoom,1)}
@supports not (zoom:1){
  html{zoom:normal}
  body{transform:scale(var(--page-zoom,1));transform-origin:top center;width:calc(100% / var(--page-zoom,1))}
}

.single-main{
  flex:1 1 auto;
  width:100%;
  max-width:860px;
  min-width:0;
}
.single-grid > .sidebar{
  flex:0 0 320px;
  width:320px;
  max-width:320px;
}

/* Mobil sohbet — yalnız küçük ekranda yazının üstünde */
.mobile-chat{display:none;margin:0 0 16px}

/* Ferah okuma paneli — bakır site ile uyumlu, dark değil */
.entry{
  min-width:0;width:100%;
  padding:clamp(20px,2.8vw,36px) clamp(18px,2.6vw,40px) clamp(24px,3vw,40px);
  border-radius:20px;
  background:
    linear-gradient(180deg,#fbf6ef 0%,#f3e9dc 100%);
  border:1px solid rgba(180,120,70,.28);
  box-shadow:
    0 18px 44px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.65);
  color:#241c16;
}
.entry-head{margin:0 0 22px}
.crumbs{
  display:inline-flex;flex-wrap:wrap;align-items:center;gap:7px 9px;
  margin:0 0 16px;padding:9px 14px;border-radius:999px;
  font-family:var(--ui);font-size:.9rem;font-weight:700;letter-spacing:.01em;
  color:#5a4332;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(140,90,50,.22);
  box-shadow:0 4px 14px rgba(60,30,10,.06);
}
.crumbs a{
  color:#9a4a12;text-decoration:none;font-weight:800;
}
.crumbs a:hover{color:#c45a10;text-decoration:underline;text-underline-offset:2px}
.crumbs span[aria-hidden]{color:#b09070;font-weight:600}
.crumbs > span:last-child{color:#241810;font-weight:800}

.entry-title{
  margin:0 0 12px;
  font-family:var(--display);font-weight:900;letter-spacing:-.035em;
  line-height:1.14;overflow-wrap:anywhere;hyphens:auto;
  font-size:clamp(1.8rem,4.6vw,2.9rem);
  color:#120e0c;
}
.entry-lede{
  margin:0 0 16px;
  font-family:var(--body);font-size:1.08rem;line-height:1.55;font-weight:500;
  color:#5a4636;
  max-width:42em;
}
.entry-meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;
  margin:0;
  font-family:var(--ui);font-size:.95rem;font-weight:700;letter-spacing:.01em;
  color:#3d2e22;
}
.entry-meta .meta-chip{
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 11px;border-radius:999px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(140,90,50,.2);
  color:#3d2e22;
}
.entry-meta .meta-chip--cat{
  background:linear-gradient(165deg,#fffaf0,#ffd694 48%,var(--acc1));
  border-color:rgba(180,100,40,.35);
  color:#1a0800;font-weight:850;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;
  text-decoration:none;
}
.entry-meta .meta-chip--cat:hover{filter:brightness(1.04)}

.entry-cover{
  margin:0 0 26px;border-radius:16px;overflow:hidden;
  border:1px solid rgba(140,90,50,.22);
  box-shadow:0 12px 28px rgba(40,20,10,.18);
  aspect-ratio:16/9;background:#d8c8b4;
}
.entry-cover img{width:100%;height:100%;object-fit:cover;display:block}

/* Gutenberg / klasik editör — tüm blok formatları bu panelde bozulmadan akar */
.entry-content{
  font-family:var(--body);font-size:1.12rem;line-height:1.78;
  color:#2a211a;
  word-wrap:break-word;overflow-wrap:anywhere;
}
.entry-content > *:first-child{margin-top:0}
.entry-content > *:last-child{margin-bottom:0}
.entry-content p{margin:0 0 1.2em}
.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{
  font-family:var(--display);font-weight:800;letter-spacing:-.02em;line-height:1.2;color:#150f0c;
  margin:1.55em 0 .5em;
}
.entry-content h2{font-size:clamp(1.25rem,2.4vw,1.55rem)}
.entry-content h3{font-size:clamp(1.12rem,2vw,1.3rem)}
.entry-content h4{font-size:1.05rem}
.entry-content h5,.entry-content h6{font-size:.98rem;letter-spacing:.02em;text-transform:uppercase;color:#3d2e22}
/* Link: cümlede net seçilir — salak underline yok */
.entry-content a{
  color:#a3450a;
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
  text-decoration-color:rgba(180,80,20,.55);
  transition:color .15s,text-decoration-color .15s;
}
.entry-content a:hover{
  color:#6e2c05;
  text-decoration-color:currentColor;
}
.entry-content a:focus-visible{
  outline:2px solid var(--acc1);outline-offset:3px;border-radius:2px;
}
.entry-content ul,.entry-content ol{margin:0 0 1.2em;padding-left:1.35em}
.entry-content li{margin:0 0 .4em}
.entry-content li > ul,.entry-content li > ol{margin:.35em 0 0}
.entry-content blockquote,
.entry-content .wp-block-quote{
  margin:1.4em 0;padding:.85em 1.1em .85em 1.2em;
  border-left:4px solid var(--acc1);
  background:rgba(255,255,255,.55);
  border-radius:0 12px 12px 0;
  color:#3a2c22;font-style:italic;
}
.entry-content blockquote p:last-child,
.entry-content .wp-block-quote p:last-child{margin-bottom:0}
.entry-content .wp-block-pullquote{
  margin:1.5em 0;padding:1.2em 1em;text-align:center;
  border-top:2px solid rgba(180,100,40,.35);
  border-bottom:2px solid rgba(180,100,40,.35);
  background:rgba(255,255,255,.4);
}
.entry-content img,
.entry-content .wp-block-image img{
  max-width:100%;height:auto;display:block;
  border-radius:12px;
}
.entry-content figure,
.entry-content .wp-block-image{margin:1.35em 0}
.entry-content figcaption,
.entry-content .wp-element-caption{
  margin-top:.5em;font-size:.88rem;color:#6a5340;text-align:center;
}
.entry-content .alignleft{float:left;margin:0 1.1em .8em 0;max-width:46%}
.entry-content .alignright{float:right;margin:0 0 .8em 1.1em;max-width:46%}
.entry-content .aligncenter{display:block;margin-left:auto;margin-right:auto}
.entry-content .alignwide{max-width:100%}
.entry-content .alignfull{width:calc(100% + 4vw);max-width:none;margin-left:-2vw;margin-right:-2vw}
.entry-content table,
.entry-content .wp-block-table table{
  width:100%;border-collapse:collapse;margin:0 0 1.3em;font-size:.95rem;
}
.entry-content th,.entry-content td{
  border:1px solid rgba(140,90,50,.28);padding:.55em .7em;text-align:left;
}
.entry-content th{background:rgba(255,200,140,.28);color:#1a1008;font-weight:800}
.entry-content pre,
.entry-content .wp-block-code,
.entry-content .wp-block-preformatted{
  margin:0 0 1.2em;padding:14px 16px;border-radius:12px;overflow-x:auto;
  background:#2a211a;color:#f6ebe0;font-size:.9rem;line-height:1.55;
  border:1px solid rgba(180,100,40,.25);
}
.entry-content code{
  font-family:ui-monospace,Consolas,monospace;font-size:.88em;
  padding:.12em .4em;border-radius:6px;
  background:rgba(255,140,40,.18);border:1px solid rgba(180,100,40,.3);
  color:#7a3410;
}
.entry-content pre code{padding:0;border:0;background:transparent;color:inherit;font-size:inherit}
.entry-content hr,
.entry-content .wp-block-separator{
  border:0;height:1px;margin:1.8em 0;
  background:linear-gradient(90deg,transparent,rgba(140,90,50,.45),transparent);
}
.entry-content .wp-block-gallery{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;
  margin:0 0 1.3em;padding:0;list-style:none;
}
.entry-content .wp-block-gallery img{width:100%;height:100%;object-fit:cover}
.entry-content .wp-block-embed,
.entry-content .wp-block-video,
.entry-content iframe{margin:0 0 1.3em;max-width:100%}
.entry-content .wp-block-embed__wrapper,
.entry-content .wp-block-embed iframe{width:100%}
.entry-content .wp-block-columns{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 1.2em}
.entry-content .wp-block-column{flex:1 1 200px;min-width:0}
.entry-content .has-text-align-left{text-align:left}
.entry-content .has-text-align-center{text-align:center}
.entry-content .has-text-align-right{text-align:right}
.entry-content .is-style-rounded img{border-radius:999px}
.entry-content::after{content:"";display:table;clear:both}
@media (max-width:640px){
  .entry-content .alignleft,
  .entry-content .alignright{float:none;display:block;margin:0 auto 1em;max-width:100%}
  .entry-content .alignfull{width:100%;margin-left:0;margin-right:0}
}
.entry-foot{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;
  margin:28px 0 0;padding-top:20px;
  border-top:1px solid rgba(140,90,50,.22);
}
.entry-tags{display:flex;flex-wrap:wrap;gap:8px}
.entry-tags a{
  display:inline-flex;padding:8px 13px;border-radius:999px;
  font-family:var(--ui);font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  text-decoration:none;color:#5c2e0a;
  border:1px solid rgba(180,100,40,.35);background:rgba(255,180,100,.22);
}
.entry-tags a:hover{background:rgba(255,160,60,.35);color:#3a1a04}
.entry-share{display:flex;align-items:center;gap:10px}
.entry-share > span{
  font-family:var(--ui);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:#6a5340;
}
.entry-share button{
  cursor:pointer;border-radius:999px;padding:9px 15px;
  font-family:var(--ui);font-size:.78rem;font-weight:800;letter-spacing:.04em;
  color:#1a0c04;border:0;
  background:linear-gradient(135deg,var(--acc1),var(--acc2));
}
/* WP: yazar bio — get_the_author_meta('description') + avatar */
.author-box{
  display:flex;gap:16px;align-items:flex-start;
  margin:24px 0 0;padding:16px 18px;
  border-radius:14px;border:1px solid rgba(140,90,50,.22);
  background:rgba(255,255,255,.55);
}
.author-box .author-lbl{
  display:block;margin:0 0 4px;
  font-family:var(--ui);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:#8a5a28;
}
.author-box img{
  width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;
  border:2px solid rgba(180,100,40,.4);
}
.author-box b{display:block;font-family:var(--display);font-size:1.08rem;color:#150f0c;margin-bottom:4px}
.author-box .author-bio{margin:0;font-family:var(--body);font-size:.95rem;line-height:1.5;color:#4a3a2c}
.post-nav{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 0;
}
.post-nav a{
  display:flex;flex-direction:row;align-items:center;gap:12px;
  padding:12px 14px;border-radius:14px;
  text-decoration:none;border:1px solid rgba(140,90,50,.25);
  background:rgba(255,255,255,.65);
  transition:border-color .15s,transform .15s,background .15s;
  min-width:0;
}
.post-nav a:hover{border-color:rgba(180,100,40,.5);background:#fff;transform:translateY(-2px)}
.post-nav a.post-nav--next{flex-direction:row-reverse;text-align:right}
.post-nav .post-nav-thumb{
  flex:0 0 72px;width:72px;height:72px;border-radius:12px;overflow:hidden;
  border:1px solid rgba(140,90,50,.25);background:#d8c8b4;
}
.post-nav .post-nav-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.post-nav .post-nav-txt{display:flex;flex-direction:column;gap:5px;min-width:0}
.post-nav small{
  font-family:var(--ui);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:#8a5a28;
}
.post-nav strong{
  font-family:var(--display);font-size:.95rem;font-weight:800;color:#150f0c;line-height:1.25;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:96px}
.side-card{
  position:relative;overflow:hidden;
  padding:18px 16px 16px;border-radius:18px;
  border:1px solid rgba(255,190,120,.3);
  background:
    radial-gradient(ellipse 80% 60% at 100% 0%,rgba(255,140,40,.14),transparent 55%),
    linear-gradient(165deg,rgba(255,160,80,.1),transparent 45%),
    linear-gradient(180deg,#1a141c 0%,#0e0b12 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,230,190,.12),
    0 18px 40px rgba(0,0,0,.42);
}
.side-card::before{
  content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,var(--acc1),var(--acc2));
  opacity:.85;
}
.side-k{
  display:flex;align-items:center;gap:8px;margin:0 0 14px;
  font-family:var(--ui);font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;
  color:#ffd2a0;
}
.side-k::after{
  content:"";flex:1;height:1px;
  background:linear-gradient(90deg,rgba(255,180,100,.35),transparent);
}
/* Sidebar sohbet formu — ana sayfa gate DNA’sı (kompakt) */
.side-chat{padding:18px 16px 16px}
.side-chat .side-chat-tag{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;
  font-family:var(--ui);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:#ffd2a0;
}
.side-chat .side-chat-tag::before{
  content:"";width:7px;height:7px;border-radius:50%;background:#ff3d5a;
  box-shadow:0 0 8px rgba(255,61,90,.55);animation:liveBlink 1.4s ease-out infinite;
}
.side-chat h2{
  margin:0 0 6px;
  font-family:var(--display);font-weight:800;font-size:1.35rem;letter-spacing:-.03em;line-height:1.1;
  color:#fffef8;
}
.side-chat .side-chat-sub{
  margin:0 0 14px;
  font-family:var(--body);font-size:.84rem;line-height:1.4;
  color:rgba(255,248,238,.78);
}
.side-chat .field{position:relative;margin-bottom:9px}
.side-chat .field-ico{
  position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;
  color:#ffc078;pointer-events:none;display:grid;place-items:center;
}
.side-chat .field-ico svg{width:16px;height:16px;display:block}
.side-chat input{
  width:100%;box-sizing:border-box;outline:none;border-radius:9px;
  font-family:var(--body);font-size:.95rem;font-weight:500;
  background:linear-gradient(180deg,#1a1e28,#10131a);
  color:#fffef8;padding:13px 12px 13px 40px;min-height:46px;
  border:1px solid rgba(255,200,140,.32);
  box-shadow:inset 0 2px 6px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.05);
  transition:border-color .2s,box-shadow .25s;
}
.side-chat input::placeholder{color:rgba(255,236,210,.55)}
.side-chat input:focus{
  border-color:var(--acc1);
  box-shadow:
    inset 0 2px 6px rgba(0,0,0,.3),
    0 0 0 3px color-mix(in srgb,var(--acc1) 20%,transparent);
}
.side-chat .go{
  width:100%;margin-top:6px;min-height:48px;border:0;border-radius:11px;cursor:pointer;
  font-family:var(--ui);font-weight:800;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;
  color:#1a0a00;
  background:linear-gradient(180deg,#fff0d0 0%,#ffc078 28%,var(--acc1) 58%,var(--acc2) 100%);
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  box-shadow:
    0 12px 32px color-mix(in srgb,var(--acc1) 45%,transparent),
    0 0 0 1px rgba(255,255,255,.3) inset,
    inset 0 -2px 0 rgba(0,0,0,.18);
  transition:transform .2s,filter .2s;
}
.side-chat .go:hover{transform:translateY(-1px);filter:brightness(1.05)}
/* Tekil yazı: minimal — başlık + nick + şifre + bağlan (misafir/diğer sürüm yok) */
.side-chat--minimal{padding:18px 16px 16px}
.side-chat--minimal h2{
  font-size:1.28rem;margin:0 0 14px;
  background:linear-gradient(90deg,#fffef8,#ffd2a0);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.side-chat--minimal .side-chat-sub,
.side-chat--minimal .side-chat-tag,
.side-chat--minimal .ghost-row{display:none !important}
.side-card--live{
  background:
    radial-gradient(ellipse 90% 70% at 0% 0%,rgba(255,80,60,.16),transparent 50%),
    radial-gradient(ellipse 80% 60% at 100% 0%,rgba(255,140,40,.16),transparent 55%),
    linear-gradient(180deg,#1e161c 0%,#0e0b12 100%);
}
.side-live{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.side-live-ava{
  position:relative;flex:0 0 52px;width:52px;height:52px;
}
.side-live-ava img{
  width:52px;height:52px;border-radius:14px;object-fit:cover;display:block;
  background:#1a100c;border:1px solid rgba(255,180,100,.35);
  box-shadow:0 8px 18px rgba(0,0,0,.35);
}
.side-live-ava::after{
  content:"";position:absolute;right:-2px;top:-2px;width:12px;height:12px;border-radius:50%;
  background:#ff3d5a;border:2px solid #120e14;
  box-shadow:0 0 10px rgba(255,61,90,.65);animation:liveBlink 1.4s ease-out infinite;
}
.side-live b{display:block;font-family:var(--display);font-size:1rem;font-weight:800;color:#fff4e8;letter-spacing:-.02em}
.side-live span{display:block;margin-top:3px;font-family:var(--ui);font-size:.76rem;font-weight:700;letter-spacing:.02em;color:rgba(255,220,180,.82)}
.side-cta{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  margin-top:4px;padding:12px 14px;border-radius:12px;border:0;cursor:pointer;
  font-family:var(--ui);font-size:.78rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;color:#1a0c04;
  background:linear-gradient(135deg,var(--acc1),var(--acc2));
  box-shadow:0 10px 24px rgba(255,120,40,.28);
  box-sizing:border-box;
  transition:transform .15s,filter .15s;
}
.side-cta:hover{transform:translateY(-1px);filter:brightness(1.05)}
.side-cta.ghost{
  color:#ffd2a0;background:transparent;
  border:1px solid rgba(255,180,100,.32);
  box-shadow:none;
}
.side-cta.ghost:hover{border-color:rgba(255,200,140,.55);color:#fff2d8}
.side-cats{display:flex;flex-wrap:wrap;gap:8px}
.side-cats a{
  padding:8px 13px;border-radius:999px;text-decoration:none;
  font-family:var(--ui);font-size:.74rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase;
  color:#ffe8c8;border:1px solid rgba(255,190,120,.38);
  background:linear-gradient(165deg,rgba(255,150,60,.2),rgba(20,14,18,.55));
  transition:border-color .15s,background .15s,transform .15s;
}
.side-cats a:hover{
  border-color:rgba(255,210,150,.7);color:#fff;
  background:linear-gradient(165deg,rgba(255,150,60,.32),rgba(30,18,20,.65));
  transform:translateY(-1px);
}
.side-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.side-list a{
  display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;
  text-decoration:none;border:1px solid transparent;
  transition:background .15s,border-color .15s,transform .15s;
}
.side-list a:hover{
  background:rgba(255,140,40,.12);border-color:rgba(255,180,100,.28);
  transform:translateX(2px);
}
.side-list .side-thumb{
  flex:0 0 48px;width:48px;height:48px;border-radius:10px;overflow:hidden;
  border:1px solid rgba(255,180,100,.28);background:#1a100c;
}
.side-list .side-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.side-list .side-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.side-list strong{
  font-family:var(--display);font-size:.9rem;font-weight:800;color:#fff6ec;line-height:1.25;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.side-list small{font-family:var(--ui);font-size:.72rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:#ffc078}
.side-scene{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
}
.side-scene a{
  display:flex;flex-direction:column;gap:4px;padding:12px 11px;border-radius:12px;
  text-decoration:none;
  border:1px solid rgba(255,180,100,.26);
  background:linear-gradient(165deg,rgba(255,150,60,.12),rgba(0,0,0,.25));
  transition:border-color .15s,transform .15s,background .15s;
}
.side-scene a:hover{
  border-color:rgba(255,200,140,.5);
  background:linear-gradient(165deg,rgba(255,150,60,.22),rgba(0,0,0,.2));
  transform:translateY(-2px);
}
.side-scene strong{font-family:var(--display);font-size:.88rem;font-weight:800;color:#fff6ec}
.side-scene small{font-family:var(--ui);font-size:.7rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:#ffc078}
.single-related{margin-top:56px}
.notes-grid--related{grid-template-columns:repeat(3,minmax(0,1fr))}

@media (max-width:1280px){
  .single-grid{max-width:100%;gap:18px 28px}
  .share-rail{flex-basis:58px;width:58px}
  .single-main{max-width:min(100%,760px)}
  .single-grid > .sidebar{flex:0 0 300px;width:300px;max-width:300px}
}
@media (max-width:1100px){
  .share-rail{display:none}
  .share-inline{display:flex}
}
@media (max-width:980px){
  .single-grid{flex-direction:column;gap:18px;justify-content:flex-start}
  .single-main{flex:1 1 auto;max-width:none;width:100%}
  .single-grid > .sidebar{flex:1 1 auto;width:100%;max-width:none}
  .mobile-chat{display:block}
  .sidebar .side-chat{display:none}
  .sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .sidebar .side-card--live{grid-column:1 / -1}
  .entry-title{font-size:clamp(1.65rem,5vw,2.35rem);text-align:center}
  .entry-lede{text-align:center;margin-inline:auto}
  .crumbs{display:flex;justify-content:center;text-align:center}
  .entry-meta{justify-content:center}
  .share-inline{align-items:center}
  .share-inline-btns{justify-content:center}
  .notes-grid--related{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  body.is-single .sec--single{padding:calc(72px + 14px) 0 36px}
  .entry{padding:18px 14px 22px;border-radius:16px}
  .crumbs{font-size:.82rem;gap:6px 8px;padding:8px 12px}
  .entry-meta{font-size:.88rem;gap:8px}
  .entry-content{font-size:1.05rem;line-height:1.72}
  .sidebar{grid-template-columns:1fr}
  .post-nav{grid-template-columns:1fr}
  .post-nav a.post-nav--next{flex-direction:row;text-align:left}
  .notes-grid--related{grid-template-columns:1fr}
  .entry-title{font-size:clamp(1.5rem,7.2vw,2rem);line-height:1.15}
  .post-nav .post-nav-thumb{flex-basis:64px;width:64px;height:64px}
}


/* —— BLOG / PAGE PANEL —— */
body.is-blog .sec--single,
body.is-about .sec--single,
body.is-contact .sec--single,
body.is-page .sec--single,
body.is-404 .sec--single{
  position:relative;
  padding:calc(88px + 18px) 0 48px;
  background:
    radial-gradient(ellipse 60% 40% at 20% 0%,rgba(255,120,40,.1),transparent 55%),
    linear-gradient(180deg,#121018 0%,#0c0a14 100%);
}
body.is-blog .single-grid > .sidebar,
body.is-about .single-grid > .sidebar,
body.is-contact .single-grid > .sidebar{
  flex:0 0 320px;width:320px;max-width:320px;
}
.page-panel{
  border-radius:22px;padding:28px 28px 32px;
  background:linear-gradient(165deg,#fbf6ef 0%,#f3e9dc 100%);
  border:1px solid rgba(160,100,50,.18);
  box-shadow:0 24px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.65);
  color:#1a100c;
}
.page-k{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;
  font-family:var(--ui);font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;
  color:#1a0800;padding:7px 14px;border-radius:999px;
  background:linear-gradient(165deg,#fffaf0,#ffd694 48%,var(--acc1));
}
.page-title{
  margin:0 0 10px;
  font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:1.12;
  font-size:clamp(1.85rem,3.6vw,2.75rem);color:#120c0a;
}
.page-lede{
  margin:0 0 14px;max-width:54ch;
  font-family:var(--body);font-size:1.05rem;line-height:1.55;color:#5a4030;
}
.page-panel .share-inline{
  margin:0 0 18px;padding:12px 0 0;
  border-top:1px solid rgba(160,100,50,.16);
}
.page-prose{font-family:var(--body);font-size:1.08rem;line-height:1.75;color:#2a1810}
.page-prose--short{margin:0 0 20px;max-width:52ch}
.page-prose--short p{margin:0 0 .85em}
.page-prose--short p:last-child{margin-bottom:0}
.page-prose p{margin:0 0 1.1em}
.page-prose h2{
  margin:1.6em 0 .55em;
  font-family:var(--display);font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:#150f0c;
}
.page-prose a{
  color:#8a3a08;font-weight:700;
  text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;
  text-decoration-color:rgba(255,140,40,.55);
}
.about-strip{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 8px;
}
.about-pill{
  padding:16px 14px;border-radius:16px;
  border:1px solid rgba(160,100,50,.22);
  background:rgba(255,255,255,.55);
}
.about-pill b{
  display:block;margin:0 0 6px;
  font-family:var(--display);font-size:.95rem;font-weight:800;color:#150f0c;
}
.about-pill span{font-size:.88rem;line-height:1.45;color:#6a4a38}
.about-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.about-cta,.contact-submit{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 18px;border-radius:12px;border:0;cursor:pointer;
  font-family:var(--ui);font-size:.78rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;color:#1a0c04;
  background:linear-gradient(135deg,var(--acc1),var(--acc2));
  box-shadow:0 10px 24px rgba(255,120,40,.28);
}
.about-cta-ghost{
  display:inline-flex;align-items:center;padding:12px 18px;border-radius:12px;
  border:1px solid rgba(160,100,50,.35);color:#5a3018;text-decoration:none;
  font-family:var(--ui);font-size:.78rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;
  background:rgba(255,255,255,.45);
}
.contact-form{display:flex;flex-direction:column;gap:14px;margin-top:4px}
.contact-form .cf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form label{
  display:flex;flex-direction:column;gap:6px;
  font-family:var(--ui);font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#6a3a18;
}
.contact-form input,
.contact-form textarea{
  width:100%;box-sizing:border-box;border-radius:12px;
  border:1px solid rgba(140,90,50,.28);
  background:#fffdf9;color:#1a100c;
  font-family:var(--body);font-size:1rem;padding:12px 14px;
  outline:none;min-height:48px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.04);
}
.contact-form textarea{min-height:160px;resize:vertical;line-height:1.5}
.contact-form input:focus,
.contact-form textarea:focus{
  border-color:rgba(255,140,40,.55);
  box-shadow:0 0 0 3px rgba(255,140,40,.18);
}
.contact-ok{
  display:none;margin:0 0 12px;padding:12px 14px;border-radius:12px;
  background:rgba(40,140,70,.12);border:1px solid rgba(40,140,70,.35);
  color:#0a4020;font-weight:700;
}
.contact-ok.is-on{display:block}
.blog-main{min-width:0}
.blog-head{margin-bottom:4px}
.blog-tools{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  margin:0 0 16px;
}
.blog-count{
  font-family:var(--ui);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8a5a28;
}
.blog-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
}
.blog-card{
  display:flex;flex-direction:column;min-height:0;
  border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;
  border:1px solid rgba(160,100,50,.2);
  background:rgba(255,255,255,.62);
  transition:transform .15s,border-color .15s,box-shadow .15s;
}
.blog-card:hover{
  transform:translateY(-3px);
  border-color:rgba(180,100,40,.45);
  box-shadow:0 16px 32px rgba(120,60,20,.12);
}
.blog-card .bc-cover{aspect-ratio:16/10;background:#d8c8b4;overflow:hidden}
.blog-card .bc-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.blog-card:hover .bc-cover img{transform:scale(1.04)}
.blog-card .bc-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.blog-card .bc-meta{
  display:flex;flex-wrap:wrap;gap:6px 10px;
  font-family:var(--ui);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#8a5a28;
}
.blog-card .bc-cat{
  color:#1a0800;padding:3px 8px;border-radius:999px;
  background:linear-gradient(165deg,#fff2d8,#ffc078 55%,var(--acc1));
}
.blog-card h2{
  margin:0;font-family:var(--display);font-size:1.05rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;color:#150f0c;
}
.blog-card p{
  margin:0;font-size:.9rem;line-height:1.45;color:#5a4030;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.blog-card .bc-more{
  margin-top:auto;padding-top:6px;
  font-family:var(--ui);font-size:.76rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase;color:#a05018;
}
.blog-pager{
  display:none;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;
  margin:22px 0 0;padding-top:18px;border-top:1px solid rgba(160,100,50,.18);
}
.blog-pager.is-on{display:flex}
.blog-pager button{
  min-width:40px;height:40px;padding:0 12px;border-radius:11px;cursor:pointer;
  border:1px solid rgba(160,100,50,.28);
  background:rgba(255,255,255,.7);color:#3a1a08;
  font-family:var(--ui);font-size:.82rem;font-weight:850;
}
.blog-pager button:disabled{opacity:.35;cursor:not-allowed}
.blog-pager .bp-num.is-on{
  color:#1a0800;border-color:transparent;
  background:linear-gradient(165deg,#fff2d8,#ffc078 55%,var(--acc1));
}
.blog-pager .bp-gap{
  min-width:28px;text-align:center;color:#8a5a28;font-weight:800;letter-spacing:.08em;
}
.blog-empty{padding:28px;text-align:center;color:#6a4a38}
@media (max-width:1100px){
  body.is-blog .share-rail,
  body.is-about .share-rail,
  body.is-contact .share-rail{display:none}
  body.is-blog .page-panel .share-inline,
  body.is-about .page-panel .share-inline,
  body.is-contact .page-panel .share-inline{display:flex}
}
@media (max-width:980px){
  body.is-blog .single-grid,
  body.is-about .single-grid,
  body.is-contact .single-grid{flex-direction:column;gap:18px}
  body.is-blog .single-main,
  body.is-about .single-main,
  body.is-contact .single-main{max-width:none;width:100%}
  body.is-blog .single-grid > .sidebar,
  body.is-about .single-grid > .sidebar,
  body.is-contact .single-grid > .sidebar{
    flex:1 1 auto;width:100%;max-width:none;
    position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px;
  }
  body.is-blog .sidebar .side-card--live,
  body.is-about .sidebar .side-card--live,
  body.is-contact .sidebar .side-card--live{grid-column:1 / -1}
  body.is-blog .sidebar .side-chat,
  body.is-about .sidebar .side-chat,
  body.is-contact .sidebar .side-chat{display:none}
  body.is-blog .mobile-chat,
  body.is-about .mobile-chat,
  body.is-contact .mobile-chat{display:block}
  .blog-grid{grid-template-columns:1fr}
  .about-strip{grid-template-columns:1fr}
  .contact-form .cf-row{grid-template-columns:1fr}
  .page-panel .share-inline{align-items:center}
  .page-panel .share-inline-btns{justify-content:center}
}
@media (max-width:640px){
  body.is-blog .sidebar,
  body.is-about .sidebar,
  body.is-contact .sidebar{grid-template-columns:1fr}
  .page-panel{padding:18px 14px 22px;border-radius:16px}
}