/*
Theme Name: Internet Sleuths
Theme URI: https://example.com
Author: Internet Sleuths Editorial Team
Description: A custom investigative journalism theme for cataloguing unsolved internet mysteries, viral case files, and lost media. Built without third-party plugins: custom post type, bilingual (EN/TR) linking, and a theory/evidence comment system are all native to this theme.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: internet-sleuths
*/

/* -----------------------------------------------------------
   DESIGN TOKENS
   Palette: aged case-file paper on a dark investigation-room backdrop.
   - Ink black backdrop, manila-folder cream surfaces, redaction bars,
     a single "evidence red" thread color, and two stamp colors
     (verified green / unsolved amber) used only for status stamps.
   Type:
   - Display / stamps: monospace (typewriter report voice)
   - Body: serif (long-form reading)
   - UI chrome: system sans
----------------------------------------------------------- */
:root{
  --ink-950:#101215;
  --ink-900:#15181c;
  --ink-800:#1d2126;
  --paper-100:#efe7d6;
  --paper-200:#e4d9c0;
  --paper-300:#d3c4a1;
  --paper-ink:#2a2318;
  --thread-red:#a3372f;
  --thread-red-dim:#7c2a24;
  --stamp-green:#3f6b4d;
  --stamp-amber:#b8862b;
  --line-hair: rgba(239,231,214,0.14);
  --line-hair-strong: rgba(239,231,214,0.28);

  --font-display: "Courier New", "IBM Plex Mono", ui-monospace, monospace;
  --font-body: Georgia, "Iowan Old Style", "Palatino Linotype", serif;
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --radius-file: 3px;
  --shadow-file: 0 10px 24px rgba(0,0,0,0.45);
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--ink-950);
  background-image:
    repeating-linear-gradient(45deg, rgba(255,255,255,0.015) 0 2px, transparent 2px 5px),
    radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 6px 6px, 4px 4px;
  color:var(--paper-100);
  font-family:var(--font-body);
  line-height:1.65;
  font-size:17px;
}

a{color:var(--paper-100); text-decoration-color:var(--thread-red); text-underline-offset:3px;}
a:hover{color:#fff;}

img{max-width:100%; height:auto; display:block;}

.wrap{max-width:1120px; margin:0 auto; padding:0 24px;}

/* -----------------------------------------------------------
   SITE HEADER — case-file drawer tab
----------------------------------------------------------- */
.site-header{
  border-bottom:1px solid var(--line-hair-strong);
  padding:28px 0 0;
  position:relative;
}
.site-header .wrap{display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap;}

.site-title-block{display:flex; flex-direction:column; gap:6px;}
.site-title-block .eyebrow{
  font-family:var(--font-display);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--stamp-amber);
}
.site-title{
  font-family:var(--font-display);
  font-size:clamp(28px, 4vw, 42px);
  font-weight:700;
  letter-spacing:.01em;
  color:var(--paper-100);
  margin:0;
  text-transform:uppercase;
}
.site-title a{color:inherit; text-decoration:none;}
.site-tagline{
  font-family:var(--font-ui);
  font-size:14px;
  color:rgba(239,231,214,0.6);
  max-width:520px;
}

/* Folder-tab primary nav */
.primary-nav ul{
  list-style:none; margin:0; padding:0;
  display:flex; gap:2px; flex-wrap:wrap;
}
.primary-nav a{
  display:block;
  font-family:var(--font-display);
  font-size:13px;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
  color:rgba(239,231,214,0.75);
  background:var(--ink-800);
  border:1px solid var(--line-hair);
  border-bottom:none;
  padding:10px 16px;
  border-radius:var(--radius-file) var(--radius-file) 0 0;
}
.primary-nav a:hover{color:var(--paper-100); background:#232830;}
.primary-nav li.current a{
  color:var(--paper-ink);
  background:var(--paper-100);
  border-color:var(--paper-100);
}

/* Language switch — plain links, no plugin */
.header-switches{display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.lang-switch{display:flex; gap:8px; font-family:var(--font-display); font-size:12px;}
.lang-switch a{
  padding:4px 8px;
  border:1px solid var(--line-hair-strong);
  border-radius:2px;
  text-decoration:none;
  color:rgba(239,231,214,0.7);
}
.lang-switch a.active{background:var(--thread-red); border-color:var(--thread-red); color:#fff;}

/* -----------------------------------------------------------
   MASTHEAD — bold stamp-style hero, homepage only
----------------------------------------------------------- */
.site-masthead{
  padding:64px 0 40px;
  text-align:center;
  border-bottom:1px dashed var(--line-hair-strong);
  position:relative;
}
.masthead-stamp{
  color:var(--thread-red);
  display:inline-block;
  transform:rotate(-9deg);
  opacity:0.9;
  margin-bottom:8px;
}
.masthead-title{
  font-family:var(--font-display);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.02em;
  font-size:clamp(34px, 6vw, 58px);
  margin:0 0 12px;
  color:var(--paper-100);
}
.masthead-tagline{
  font-family:var(--font-body);
  font-style:italic;
  font-size:16px;
  color:rgba(239,231,214,0.6);
  max-width:520px;
  margin:0 auto 36px;
}
.masthead-stats{
  display:flex; justify-content:center; gap:0;
  flex-wrap:wrap;
}
.stat-block{
  padding:0 32px;
  border-left:1px dashed var(--line-hair-strong);
}
.stat-block:first-child{border-left:none;}
.stat-number{
  display:block;
  font-family:var(--font-display); font-weight:700;
  font-size:32px; color:var(--stamp-amber);
}
.stat-label{
  display:block;
  font-family:var(--font-ui); font-size:12px;
  text-transform:uppercase; letter-spacing:.06em;
  color:rgba(239,231,214,0.5);
  margin-top:2px;
}
.evidence-board{
  padding:56px 0 80px;
  position:relative;
}
.board-heading{
  font-family:var(--font-display);
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:13px;
  color:var(--stamp-amber);
  margin:0 0 28px;
  padding-bottom:10px;
  border-bottom:1px dashed var(--line-hair-strong);
}

.case-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:28px;
}

/* -----------------------------------------------------------
   TRENDING RAIL — ranked list, order carries real meaning here
----------------------------------------------------------- */
.trending-rail{padding:48px 0 8px;}
.trending-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px;}
.trending-item{
  display:flex; align-items:center; gap:18px;
  background:var(--ink-800);
  border:1px solid var(--line-hair);
  border-radius:2px;
  padding:14px 20px;
}
.trending-rank{
  font-family:var(--font-display); font-size:20px; font-weight:700;
  color:var(--thread-red);
  min-width:36px;
}
.trending-info{flex:1; min-width:0;}
.trending-info h3{
  font-family:var(--font-ui); font-size:16px; margin:0 0 4px;
}
.trending-info h3 a{color:var(--paper-100); text-decoration:none;}
.trending-info h3 a:hover{text-decoration:underline;}
.trending-status{font-size:10px; padding:2px 8px; margin:0; transform:none;}
.trending-count{
  font-family:var(--font-ui); font-size:12.5px; color:rgba(239,231,214,0.5);
  white-space:nowrap;
}

/* -----------------------------------------------------------
   CATEGORY BROWSER
----------------------------------------------------------- */
.category-browser{padding:44px 0 8px;}
.category-browser--footer{
  padding:32px 0 56px;
  border-top:1px dashed var(--thread-red-dim);
  margin-top:12px;
}
.category-browser--footer .board-heading{font-size:16px; opacity:.85;}
.category-pills{display:flex; flex-wrap:wrap; gap:10px;}
.category-pill{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-display); font-size:12.5px; letter-spacing:.03em;
  text-transform:uppercase;
  text-decoration:none;
  color:rgba(239,231,214,0.8);
  background:var(--ink-800);
  border:1px solid var(--line-hair-strong);
  border-radius:20px;
  padding:8px 16px;
}
.category-pill:hover{border-color:var(--thread-red); color:var(--paper-100);}
.category-count{
  font-family:var(--font-ui); font-size:11px;
  background:rgba(239,231,214,0.12);
  border-radius:10px; padding:1px 7px;
}

/* Case file card, connected visually like pinned items on a board */
.case-card{
  background:var(--paper-100);
  background-image: repeating-linear-gradient(90deg, rgba(42,35,24,0.015) 0 1px, transparent 1px 3px);
  color:var(--paper-ink);
  border-radius:var(--radius-file);
  box-shadow:var(--shadow-file);
  padding:26px 20px 20px;
  position:relative;
  transform:rotate(var(--tilt, 0deg));
  transition:transform .18s ease, box-shadow .18s ease;
}
.case-card:hover{
  transform:rotate(0deg) translateY(-3px);
  box-shadow:0 16px 32px rgba(0,0,0,0.5);
}
.case-card:nth-child(3n+1){--tilt:-0.8deg;}
.case-card:nth-child(3n+2){--tilt:0.6deg;}
.case-card:nth-child(3n){--tilt:-0.5deg;}

.case-card .pin{
  position:absolute; top:-8px; left:24px;
  width:14px; height:14px; border-radius:50%;
  background:var(--thread-red);
  box-shadow:0 2px 4px rgba(0,0,0,0.4), inset 0 1px 1px rgba(255,255,255,0.35);
}
.case-card .tape{
  position:absolute; top:-10px; right:18px;
  width:54px; height:20px;
  background:rgba(184,134,43,0.35);
  border:1px solid rgba(184,134,43,0.5);
  transform:rotate(4deg);
}

.case-status{
  display:inline-block;
  font-family:var(--font-display);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:3px 10px;
  border:2px solid currentColor;
  border-radius:2px;
  transform:rotate(-3deg);
  margin-bottom:12px;
}
.case-status.status-unsolved{color:var(--stamp-amber);}
.case-status.status-solved{color:var(--stamp-green);}
.case-status.status-active{color:var(--thread-red-dim);}

.case-card h3{
  font-family:var(--font-ui);
  font-size:19px;
  line-height:1.3;
  margin:0 0 8px;
}
.case-card h3 a{color:var(--paper-ink); text-decoration:none;}
.case-card h3 a:hover{text-decoration:underline;}

.case-excerpt{font-size:14.5px; color:#4a4030; margin:0 0 14px;}

.case-meta{
  display:flex; justify-content:space-between; align-items:center;
  font-family:var(--font-ui); font-size:12px; color:#6b5f47;
  border-top:1px dashed rgba(42,35,24,0.25);
  padding-top:10px;
}

/* -----------------------------------------------------------
   SINGLE CASE FILE
----------------------------------------------------------- */
.case-file{
  background:var(--paper-100);
  color:var(--paper-ink);
  margin:40px 0 60px;
  border-radius:var(--radius-file);
  box-shadow:var(--shadow-file);
  overflow:hidden;
}
.case-file-header{
  padding:36px 40px 30px;
  position:relative;
  background:var(--paper-200);
}
.case-file-header::after{
  content:"";
  position:absolute; left:0; right:0; bottom:-7px; height:8px;
  background:
    linear-gradient(135deg, var(--paper-200) 50%, transparent 50%) 0 0,
    linear-gradient(-135deg, var(--paper-200) 50%, transparent 50%) 0 0;
  background-size:14px 8px;
  background-repeat:repeat-x;
}
.case-file-header .case-status{margin-bottom:16px;}
.case-file-header h1{
  font-family:var(--font-ui);
  font-size:clamp(26px, 4vw, 38px);
  line-height:1.2;
  margin:0 0 14px;
}
.case-file-meta{
  display:flex; flex-wrap:wrap; gap:18px;
  font-family:var(--font-display); font-size:12px;
  text-transform:uppercase; letter-spacing:.05em; color:#6b5f47;
}

.case-file-body{padding:32px 40px 8px; font-size:18px; line-height:1.75;}
.case-file-body p{margin:0 0 22px;}
.case-file-body h2{
  font-family:var(--font-ui); font-size:23px; margin:36px 0 14px;
  border-left:4px solid var(--thread-red); padding-left:14px;
}
.case-file-body blockquote{
  border-left:3px solid var(--thread-red-dim);
  margin:24px 0; padding:4px 0 4px 20px;
  font-style:italic; color:#4a4030;
}
.case-file-body img{border-radius:2px; box-shadow:0 4px 14px rgba(0,0,0,0.25); margin:8px 0 28px;}
.case-file-body figcaption{font-family:var(--font-ui); font-size:13px; color:#6b5f47; margin-top:-18px;}

/* Claim box — the event/rumor being investigated, shown right after
   the header, before the full write-up. */
.case-claim{
  margin:0 40px 8px;
  background:rgba(163,55,47,0.07);
  border:1px dashed var(--thread-red-dim);
  border-radius:2px;
  padding:18px 22px;
}
.case-claim-label{
  display:block;
  font-family:var(--font-display); font-size:11px;
  text-transform:uppercase; letter-spacing:.08em;
  color:var(--thread-red-dim); margin-bottom:8px;
}
.case-claim-title{
  font-family:var(--font-ui); font-size:19px; margin:0 0 8px; color:var(--paper-ink);
}
.case-claim-summary{font-size:15.5px; color:#4a4030; margin:0;}

/* Doğrulanmış olay kutusu — "İddia" (kırmızı) ile karışmasın diye
   ayrı, daha sakin (mavi/gri) bir renk şeması kullanılır. */
.case-claim-verified{
  background:rgba(58,92,122,0.08);
  border:1px solid rgba(58,92,122,0.35);
}
.case-claim-verified .case-claim-label{
  color:#3a5c7a;
}

.theories-closed-note{
  font-size:14px;
  color:#6b6252;
  background:rgba(58,92,122,0.06);
  border:1px solid rgba(58,92,122,0.25);
  border-radius:2px;
  padding:14px 18px;
  margin:0 0 20px;
}

/* =========================================================
   404 — DOSYA BULUNAMADI
   ========================================================= */
.not-found-panel{
  max-width:520px;
  margin:60px auto;
  text-align:center;
  padding:48px 32px;
  border:1px dashed var(--thread-red-dim);
  border-radius:2px;
  background:rgba(163,55,47,0.04);
}
.not-found-stamp{
  display:inline-block;
  font-family:var(--font-display);
  font-size:13px;
  letter-spacing:.12em;
  color:var(--thread-red-dim);
  border:2px solid var(--thread-red-dim);
  border-radius:4px;
  padding:6px 14px;
  transform:rotate(-4deg);
  margin-bottom:20px;
}
.not-found-heading{
  font-family:var(--font-ui);
  font-size:26px;
  margin:0 0 12px;
  color:var(--paper-ink);
}
.not-found-text{
  font-size:15px;
  color:#6b6252;
  margin:0 0 24px;
}
.not-found-link{
  display:inline-block;
  font-family:var(--font-display);
  font-size:13px;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--thread-red-dim);
  border:1px solid var(--thread-red-dim);
  border-radius:2px;
  padding:10px 20px;
  text-decoration:none;
  transition:background .15s ease, color .15s ease;
}
.not-found-link:hover{
  background:var(--thread-red-dim);
  color:#fff;
}

/* Developments timeline */
.case-updates{padding:8px 40px 32px;}
.case-updates-title{
  font-family:var(--font-ui); font-size:20px; margin:0 0 16px;
  border-left:4px solid var(--stamp-amber); padding-left:14px;
}
.case-updates-list{list-style:none; margin:0; padding:0;}
.case-updates-list li{
  position:relative;
  padding:0 0 18px 22px;
  border-left:2px solid rgba(42,35,24,0.2);
  margin-left:4px;
}
.case-updates-list li:last-child{border-left-color:transparent; padding-bottom:0;}
.case-updates-list li::before{
  content:"";
  position:absolute; left:-6px; top:4px;
  width:10px; height:10px; border-radius:50%;
  background:var(--stamp-amber);
}
.case-updates-list .update-date{
  display:block; font-family:var(--font-display); font-size:12px;
  text-transform:uppercase; letter-spacing:.05em; color:#6b5f47; margin-bottom:4px;
}
.case-updates-list .update-text{font-size:15.5px; color:var(--paper-ink);}

/* Sources — collapsed by default, click to reveal */
.case-sources{margin:0 40px 36px; font-family:var(--font-ui);}
.case-sources summary{
  cursor:pointer;
  font-size:13px;
  color:#4a4030;
  padding:10px 14px;
  border:1px solid rgba(42,35,24,0.25);
  border-radius:2px;
  list-style:none;
}
.case-sources summary::-webkit-details-marker{display:none;}
.case-sources summary::before{content:"▸ "; }
.case-sources[open] summary::before{content:"▾ ";}
.case-sources ul{list-style:none; margin:10px 0 0; padding:0 0 0 14px;}
.case-sources li{margin-bottom:6px; font-size:14px;}
.case-sources a{color:var(--thread-red-dim);}

.redacted{
  background:var(--paper-ink);
  color:var(--paper-ink);
  padding:0 6px;
  border-radius:2px;
  user-select:none;
}

.case-file-footer{
  padding:24px 40px 36px;
  display:flex; gap:12px; flex-wrap:wrap;
}
.case-tag{
  font-family:var(--font-ui); font-size:12px;
  background:rgba(42,35,24,0.08);
  color:#4a4030;
  padding:5px 12px;
  border-radius:20px;
  text-decoration:none;
  display:inline-block;
  transition:background .15s ease, color .15s ease;
}
.case-tag:hover{
  background:var(--thread-red-dim);
  color:#fff;
}

/* -----------------------------------------------------------
   THEORY / EVIDENCE THREAD — enhanced native comments
----------------------------------------------------------- */
.theory-thread{
  background:var(--ink-900);
  padding:48px 0 72px;
}
.theory-thread .wrap{max-width:760px;}
.theory-thread-title{
  font-family:var(--font-display);
  text-transform:uppercase; letter-spacing:.1em; font-size:13px;
  color:var(--stamp-amber); margin-bottom:24px;
  padding-bottom:10px; border-bottom:1px dashed var(--line-hair-strong);
}
ol.comment-list{list-style:none; margin:0; padding:0;}
.comment-list li{margin-bottom:18px;}
.theory-card{
  background:var(--ink-800);
  border:1px solid var(--line-hair);
  border-left:3px solid var(--thread-red);
  border-radius:2px;
  padding:16px 20px;
}
.theory-card .theory-byline{
  font-family:var(--font-ui); font-size:13px; font-weight:600;
  color:var(--paper-100); margin-bottom:4px;
}
.theory-card .theory-byline .stamp-tag{
  font-family:var(--font-display); font-size:10px; letter-spacing:.06em;
  color:var(--stamp-amber); margin-left:8px; text-transform:uppercase;
}
.theory-card .theory-date{font-family:var(--font-ui); font-size:12px; color:rgba(239,231,214,0.45);}
.theory-card p{margin:8px 0 0; font-family:var(--font-body); font-size:15.5px; color:rgba(239,231,214,0.9);}

.theory-form{margin-top:32px;}
.theory-invite{
  font-family:var(--font-ui); font-size:14.5px;
  color:rgba(239,231,214,0.75);
  background:var(--ink-800);
  border-left:3px solid var(--stamp-amber);
  padding:10px 16px;
  margin:0 0 18px;
}
.theory-form p{margin:0 0 14px;}
.theory-form label{
  display:block; font-family:var(--font-display); font-size:11px;
  text-transform:uppercase; letter-spacing:.06em; color:var(--stamp-amber); margin-bottom:6px;
}
.theory-form input[type=text],
.theory-form input[type=email],
.theory-form textarea{
  width:100%;
  background:var(--ink-800);
  border:1px solid var(--line-hair-strong);
  border-radius:2px;
  color:var(--paper-100);
  font-family:var(--font-body);
  font-size:15px;
  padding:10px 12px;
}
.theory-form textarea{min-height:120px; resize:vertical;}
.theory-form .submit-theory{
  font-family:var(--font-display);
  text-transform:uppercase; letter-spacing:.06em; font-size:13px;
  background:var(--thread-red);
  color:#fff; border:none; border-radius:2px;
  padding:12px 22px; cursor:pointer;
}
.theory-form .submit-theory:hover{background:var(--thread-red-dim);}

/* -----------------------------------------------------------
   FOOTER
----------------------------------------------------------- */
.site-footer{
  border-top:1px solid var(--line-hair-strong);
  padding:32px 0 40px;
  font-family:var(--font-ui); font-size:13px;
  color:rgba(239,231,214,0.45);
}
.site-footer .wrap{display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;}

/* -----------------------------------------------------------
   ACCESSIBILITY
----------------------------------------------------------- */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible{
  outline:2px solid var(--thread-red);
  outline-offset:2px;
}
.screen-reader-text{
  position:absolute; width:1px; height:1px; overflow:hidden;
  clip:rect(1px,1px,1px,1px); white-space:nowrap;
}
@media (prefers-reduced-motion: reduce){ *{transition:none !important;} }

@media (max-width:640px){
  .case-file-header, .case-file-body, .case-file-footer{padding-left:22px; padding-right:22px;}
}

/* -----------------------------------------------------------
   EDİTÖR KUTUSU (yazı altı + editör sayfası)
----------------------------------------------------------- */
.masthead-eyebrow{
  font-family:var(--font-display);
  font-size:12px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--thread-red-dim);
  margin:0 0 16px;
}

.editor-box{
  display:flex;
  gap:16px;
  align-items:flex-start;
  margin-top:32px;
  padding-top:24px;
  border-top:1px dashed var(--thread-red-dim);
}

.related-cases{
  padding:40px 0;
  border-top:1px dashed var(--thread-red-dim);
}
.related-cases .case-grid{margin-top:20px;}
.editor-photo-img{
  width:64px; height:64px;
  border-radius:50%;
  object-fit:cover;
  flex-shrink:0;
}
.editor-label{
  display:block;
  font-family:var(--font-display);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--thread-red-dim);
  margin-bottom:4px;
}
.editor-name{
  font-family:var(--font-ui);
  font-size:17px;
  margin:0 0 6px;
}
.editor-name a{color:var(--paper-ink); text-decoration:none;}
.editor-name a:hover{color:var(--thread-red);}
.editor-bio{
  font-size:14px;
  color:#6b6252;
  margin:0 0 10px;
  line-height:1.6;
}
.editor-expertise{
  display:flex; flex-wrap:wrap; gap:6px;
  margin-bottom:10px;
}
.editor-expertise-tag{
  font-size:11px;
  background:rgba(58,92,122,0.08);
  color:#3a5c7a;
  border:1px solid rgba(58,92,122,0.25);
  border-radius:20px;
  padding:3px 10px;
}
.editor-social{
  display:flex; flex-wrap:wrap; gap:14px;
  margin-bottom:8px;
}
.editor-social a{
  font-size:13px;
  color:var(--thread-red-dim);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.editor-social a:hover{border-bottom-color:var(--thread-red-dim);}
.editor-detail-link{
  display:inline-block;
  font-size:13px;
  font-weight:600;
  color:var(--thread-red);
  text-decoration:none;
}
.editor-detail-link:hover{text-decoration:underline;}

/* Editör sayfasında (author.php) büyük görünüm */
.site-masthead--author .editor-box{
  border-top:none; margin-top:0; padding-top:0;
}
.site-masthead--author .editor-photo-img{width:96px; height:96px;}
.site-masthead--author .editor-name{font-size:26px;}
.site-masthead--author .editor-bio{font-size:15px; max-width:640px;}

@media (max-width:640px){
  .editor-box{flex-direction:column; align-items:center; text-align:center;}
  .editor-expertise, .editor-social{justify-content:center;}
}