/*
Theme Name: Inversor Estoico
Theme URI: https://inversorestoico.com
Author: Javier Urrutia
Author URI: https://inversorestoico.com/sobre-el-analista/
Description: Tema a medida para InversorEstoico.com — análisis financiero cuantitativo (value investing, ETFs, riesgo crediticio B2B) con estética escandinava minimalista "zen estoico". Identidad de color por pilar de contenido, tipografía editorial (Newsreader / Public Sans / IBM Plex Mono) y plantillas para portada, artículo, categoría y página.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: inversor-estoico
*/

:root{
  --ie-bg:#FAF6EF;
  --ie-bg-soft:#F1EAD9;
  --ie-surface:#FFFDF9;
  --ie-text:#2B2E31;
  --ie-text-muted:#6B6F72;
  --ie-border:#E2D9C7;
  --ie-border-strong:#CBBFA2;
  --ie-accent:#4E6478;
  --ie-accent-ink:#3A4C5C;
  --ie-warm:#9C8768;
  --ie-warm-ink:#7C6A4F;
  --cat-ink:#6B6F72;
  --cat-tint:#ECEAE3;
  color-scheme: light;
}

*, *::before, *::after{ box-sizing:border-box; }
html{ background:var(--ie-bg); }
body{
  margin:0;
  background:var(--ie-bg);
  color:var(--ie-text);
  font-family:'Public Sans', ui-sans-serif, system-ui, sans-serif;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
::selection{ background:var(--ie-warm); color:var(--ie-surface); }
img{ max-width:100%; height:auto; }
a{ color:inherit; }
button, input{ font-family:inherit; }

h1,h2,h3{ font-family:'Newsreader', Georgia, serif; font-weight:500; line-height:1.15; margin:0; text-wrap:balance; }
h4{ margin:0; }
em{ font-style:italic; color:var(--ie-accent-ink); }
.mono{ font-family:'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace; }
.screen-reader-text{ position:absolute !important; clip:rect(1px,1px,1px,1px); width:1px; height:1px; overflow:hidden; }

.eyebrow{
  font-family:'IBM Plex Mono', ui-monospace, monospace;
  font-size:.72rem; letter-spacing:.15em; text-transform:uppercase;
  color:var(--ie-text-muted); display:flex; align-items:center; gap:.6em;
}
.eyebrow::before{ content:""; width:.5em; height:.5em; background:var(--ie-warm); flex-shrink:0; }

.wrap{ max-width:1180px; margin-inline:auto; padding-inline:clamp(20px,4vw,56px); }

/* ---------- header ---------- */
header.site{
  position:sticky; top:env(safe-area-inset-top,0px); z-index:20;
  background:rgba(250,246,239,.92); backdrop-filter:saturate(140%) blur(6px);
  border-bottom:1px solid var(--ie-border);
}
.nav-row{ display:flex; align-items:center; justify-content:space-between; gap:1.5rem; padding-block:1.1rem; flex-wrap:wrap; }
.wordmark{ font-family:'IBM Plex Mono', monospace; font-size:.92rem; font-weight:500; letter-spacing:.02em; white-space:nowrap; text-decoration:none; color:var(--ie-text); }
.wordmark b{ color:var(--ie-accent-ink); font-weight:500; }
.wordmark span{ color:var(--ie-warm); }
nav.links ul{ list-style:none; display:flex; gap:clamp(.9rem,2vw,1.8rem); flex-wrap:wrap; margin:0; padding:0; font-size:.86rem; font-weight:500; }
nav.links li{ display:flex; }
nav.links a{ text-decoration:none; color:var(--ie-text); position:relative; padding-bottom:2px; }
nav.links a::after{ content:""; position:absolute; left:0; right:100%; bottom:0; height:1px; background:var(--ie-accent); transition:right .25s ease; }
nav.links a:hover::after{ right:0; }
nav.links .current-menu-item > a{ color:var(--ie-accent-ink); }
nav.links .current-menu-item > a::after{ right:0; background:var(--ie-warm); }

/* ---------- hero ---------- */
.hero{ padding-block:clamp(2.6rem,6vw,4.6rem) clamp(2.8rem,5vw,4rem); border-bottom:1px solid var(--ie-border); }
.hero-grid{ display:grid; grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr); gap:clamp(1.8rem,4vw,3.2rem); align-items:start; }
@media (max-width:760px){ .hero-grid{ grid-template-columns:1fr; } }
.hero h1{ font-size:clamp(2.35rem,4.2vw + 1rem,3.9rem); margin-block:1rem .9rem; }
.hero p.lede{ max-width:52ch; color:var(--ie-text-muted); font-size:1.06rem; margin:0 0 1.2rem; }
.cta-row{ display:flex; gap:.7rem; flex-wrap:wrap; margin-bottom:1.1rem; }
.btn{
  display:inline-flex; align-items:center; gap:.5em; font-family:'Public Sans',sans-serif; font-weight:600; font-size:.9rem;
  padding:.78rem 1.3rem; border:1px solid var(--ie-text); background:var(--ie-text); color:var(--ie-surface);
  text-decoration:none; transition:transform .15s ease, background .2s ease, color .2s ease;
}
.btn:hover{ transform:translateY(-1px); }
.btn.ghost{ background:transparent; color:var(--ie-text); border-color:var(--ie-border-strong); }
.btn.ghost:hover{ border-color:var(--ie-text); }
.byline{ display:flex; align-items:center; gap:.6rem; font-size:.88rem; color:var(--ie-text-muted); flex-wrap:wrap; }
.byline .dot{ width:5px; height:5px; background:var(--ie-warm); flex-shrink:0; }
.byline b{ color:var(--ie-text); font-weight:600; }

.trust-row{ display:flex; gap:.6rem; flex-wrap:wrap; margin-top:1rem; }
.trust{ display:inline-flex; align-items:center; gap:.35rem; font-family:'IBM Plex Mono',monospace; font-size:.68rem; letter-spacing:.02em; border:1px solid var(--ie-border-strong); padding:.3rem .55rem; color:var(--ie-text-muted); background:var(--ie-surface); }
.trust::before{ content:"✓"; color:var(--ie-warm-ink); font-weight:700; }

/* terminal-style panel */
.panel{ position:relative; border:1px solid var(--ie-border-strong); background:var(--ie-surface); padding:1.4rem 1.5rem; }
.panel::before, .panel::after{ content:""; position:absolute; width:14px; height:14px; border-color:var(--ie-warm); border-style:solid; }
.panel::before{ top:-1px; left:-1px; border-width:2px 0 0 2px; }
.panel::after{ bottom:-1px; right:-1px; border-width:0 2px 2px 0; }
.panel h3{ font-size:.72rem; font-family:'IBM Plex Mono',monospace; text-transform:uppercase; letter-spacing:.13em; color:var(--ie-text-muted); font-weight:500; margin-bottom:1.1rem; }
.metric-row{ display:flex; justify-content:space-between; align-items:baseline; padding-block:.65rem; border-top:1px solid var(--ie-border); gap:.8rem; }
.metric-row:first-of-type{ border-top:none; }
.metric-row .label{ font-size:.86rem; color:var(--ie-text-muted); max-width:15ch; }
.metric-row .value-wrap{ display:flex; align-items:center; gap:.6rem; }
.metric-row .value{ font-family:'IBM Plex Mono',monospace; font-variant-numeric:tabular-nums; font-size:1.05rem; font-weight:500; color:var(--ie-accent-ink); white-space:nowrap; }
.spark{ display:block; overflow:visible; }
.panel .updated{ margin-top:1rem; padding-top:.8rem; border-top:1px solid var(--ie-border); font-family:'IBM Plex Mono',monospace; font-size:.72rem; color:var(--ie-text-muted); display:flex; justify-content:space-between; gap:.6rem; }

/* ---------- section heads ---------- */
section{ padding-block:clamp(2.6rem,5vw,3.8rem); }
.section-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:1rem; margin-bottom:1.8rem; flex-wrap:wrap; border-bottom:1px solid var(--ie-border); padding-bottom:1rem; }
.section-head h2{ font-size:clamp(1.5rem,1.4vw + 1rem,2rem); }
.section-head a.all{ font-size:.84rem; font-weight:600; text-decoration:none; color:var(--ie-accent-ink); white-space:nowrap; }

/* ---------- cards / bento grid ---------- */
.article-grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:1.6rem; }
.card{ border:1px solid var(--ie-border); background:var(--ie-surface); display:flex; flex-direction:column; }
.thumb{
  aspect-ratio:16/10; border-bottom:1px solid var(--ie-border); position:relative;
  display:flex; align-items:flex-end; padding:.9rem; text-decoration:none;
  background-color:var(--cat-tint);
  background-image:linear-gradient(155deg, var(--cat-tint) 0%, var(--ie-bg) 78%);
}
.thumb{ overflow:hidden; }
.thumb .cat{ position:relative; z-index:1; }
.thumb-img, .cover-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; z-index:0; }
.cover{ position:relative; overflow:hidden; }

.thumb[data-cat="value"], .cover[data-cat="value"]{ background-image:
  repeating-linear-gradient(90deg, color-mix(in srgb, var(--cat-ink) 20%, transparent) 0 7px, transparent 7px 19px),
  linear-gradient(0deg, color-mix(in srgb, var(--cat-ink) 10%, transparent) 0%, transparent 55%),
  linear-gradient(155deg, var(--cat-tint) 0%, var(--ie-bg) 78%); }
.thumb[data-cat="etf"], .cover[data-cat="etf"]{ background-image:
  repeating-linear-gradient(115deg, color-mix(in srgb, var(--cat-ink) 18%, transparent) 0 2px, transparent 2px 25px),
  linear-gradient(155deg, var(--cat-tint) 0%, var(--ie-bg) 78%); }
.thumb[data-cat="riesgo"], .cover[data-cat="riesgo"]{ background-image:
  repeating-linear-gradient(180deg, color-mix(in srgb, var(--cat-ink) 20%, transparent) 0 1px, transparent 1px 17px),
  linear-gradient(90deg, color-mix(in srgb, var(--cat-ink) 22%, transparent) 0 1px, transparent 1px 22%),
  linear-gradient(155deg, var(--cat-tint) 0%, var(--ie-bg) 78%); }
.thumb[data-cat="empresas"], .cover[data-cat="empresas"]{ background-image:
  radial-gradient(color-mix(in srgb, var(--cat-ink) 26%, transparent) 1.4px, transparent 1.6px),
  linear-gradient(155deg, var(--cat-tint) 0%, var(--ie-bg) 78%);
  background-size:17px 17px, auto; }
.thumb[data-cat="psicologia"], .cover[data-cat="psicologia"]{ background-image:
  repeating-radial-gradient(circle at 72% 28%, color-mix(in srgb, var(--cat-ink) 20%, transparent) 0 1px, transparent 1px 15px),
  linear-gradient(155deg, var(--cat-tint) 0%, var(--ie-bg) 78%); }
.thumb[data-cat="herramientas"], .cover[data-cat="herramientas"]{ background-image:
  repeating-linear-gradient(0deg, color-mix(in srgb, var(--cat-ink) 9%, transparent) 0 1px, transparent 1px 22px),
  repeating-linear-gradient(90deg, color-mix(in srgb, var(--cat-ink) 9%, transparent) 0 1px, transparent 1px 22px),
  linear-gradient(155deg, var(--cat-tint) 0%, var(--ie-bg) 78%); }

.thumb .cat{
  font-family:'IBM Plex Mono',monospace; font-size:.68rem; text-transform:uppercase; letter-spacing:.1em;
  background:var(--ie-surface); border:1px solid color-mix(in srgb, var(--cat-ink) 55%, var(--ie-border-strong));
  padding:.28rem .55rem; color:var(--cat-ink);
}
.card .body{ padding:1.15rem 1.2rem 1.3rem; display:flex; flex-direction:column; gap:.6rem; flex:1; }
.card h3{ font-size:1.22rem; }
.card h3 a{ text-decoration:none; color:inherit; }
.card p{ color:var(--ie-text-muted); font-size:.92rem; margin:0; flex:1; }
.card .meta{ font-family:'IBM Plex Mono',monospace; font-size:.72rem; color:var(--ie-text-muted); display:flex; gap:.7rem; padding-top:.5rem; border-top:1px solid var(--ie-border); }

.feature{ grid-column:span 7; }
.feature .thumb{ aspect-ratio:16/9; }
.feature h3{ font-size:1.65rem; }
.stack{ grid-column:span 5; display:flex; flex-direction:column; gap:1.1rem; }
.stack .card{ flex-direction:row; }
.stack .thumb{ aspect-ratio:auto; width:34%; align-items:center; justify-content:center; padding:0; flex-shrink:0; }
.stack .thumb .cat{ display:none; }
.stack .card .body{ padding:.9rem 1.1rem; gap:.4rem; }
.stack .card h3{ font-size:1.02rem; }
@media (max-width:860px){ .feature, .stack{ grid-column:span 12; } }
@media (max-width:520px){ .stack .card{ flex-direction:column; } .stack .thumb{ width:100%; aspect-ratio:16/10; } }

.rel-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; }
@media (max-width:760px){ .rel-grid{ grid-template-columns:1fr; } }

/* ---------- pillar rail ---------- */
.rail{ display:flex; gap:.7rem; flex-wrap:wrap; }
.pill{
  font-size:.84rem; font-weight:500; padding:.55rem 1rem;
  border:1px solid color-mix(in srgb, var(--cat-ink) 45%, var(--ie-border-strong));
  background:var(--ie-surface); text-decoration:none; color:var(--ie-text);
  display:inline-flex; align-items:center; gap:.5rem; transition:border-color .15s ease, color .15s ease, background .15s ease;
}
.pill .n{ font-family:'IBM Plex Mono',monospace; font-size:.72rem; color:var(--cat-ink); }
.pill:hover{ border-color:var(--cat-ink); color:var(--cat-ink); background:color-mix(in srgb, var(--cat-tint) 55%, var(--ie-surface)); }

/* ---------- quote band ---------- */
.quote-band{ background:var(--ie-bg-soft); border-block:1px solid var(--ie-border); padding-block:clamp(3rem,6vw,4.5rem); }
.quote-band blockquote{ margin:0 auto; max-width:44ch; text-align:center; font-family:'Newsreader',serif; font-style:italic; font-size:clamp(1.4rem,1.6vw + 1rem,2rem); color:var(--ie-accent-ink); line-height:1.35; }
.quote-band .cite{ text-align:center; margin-top:1.2rem; font-family:'IBM Plex Mono',monospace; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--ie-text-muted); }

/* ---------- lead magnet ---------- */
.magnet{ display:grid; grid-template-columns:1.2fr 1fr; gap:2.5rem; align-items:center; }
@media (max-width:760px){ .magnet{ grid-template-columns:1fr; } }
.magnet h2{ font-size:clamp(1.5rem,1.6vw + 1rem,2.1rem); margin-bottom:.7rem; }
.magnet p{ color:var(--ie-text-muted); max-width:46ch; }
.form-row{ display:flex; gap:.6rem; margin-top:1.2rem; flex-wrap:wrap; }
.form-row input{ flex:1; min-width:200px; font-size:.92rem; padding:.8rem .9rem; border:1px solid var(--ie-border-strong); background:var(--ie-surface); color:var(--ie-text); }
.form-row input:focus{ outline:2px solid var(--ie-accent); outline-offset:1px; }
.form-row button{ border:1px solid var(--ie-text); }
.file-tag{ display:inline-flex; align-items:center; gap:.5rem; font-family:'IBM Plex Mono',monospace; font-size:.72rem; color:var(--ie-text-muted); margin-top:.8rem; }
.file-tag .ext{ background:var(--ie-text); color:var(--ie-surface); padding:.15rem .4rem; font-weight:500; }

/* ---------- author ---------- */
.author{ display:flex; gap:1.4rem; align-items:flex-start; border-top:1px solid var(--ie-border); padding-top:2.2rem; }
.avatar{ width:64px; height:64px; flex-shrink:0; background:var(--ie-accent); color:var(--ie-surface); display:flex; align-items:center; justify-content:center; font-family:'Newsreader',serif; font-size:1.4rem; border:1px solid var(--ie-accent-ink); }
.author h3{ font-size:1.15rem; margin-bottom:.15rem; }
.author .role{ color:var(--ie-warm-ink); font-size:.86rem; font-weight:600; margin-bottom:.5rem; }
.author p{ color:var(--ie-text-muted); font-size:.92rem; max-width:60ch; margin:0; }

/* ---------- article header / breadcrumb ---------- */
.crumb{ display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; font-family:'IBM Plex Mono',monospace; font-size:.72rem; color:var(--ie-text-muted); padding-block:1.2rem; }
.crumb a{ text-decoration:none; color:var(--ie-text-muted); }
.crumb a:hover{ color:var(--ie-text); }
.crumb .sep{ color:var(--ie-border-strong); }
.crumb .current{ color:var(--cat-ink); }

.art-head{ padding-block:.4rem clamp(1.8rem,3vw,2.6rem); border-bottom:1px solid var(--ie-border); }
.cat-tag{ display:inline-flex; align-items:center; gap:.4rem; font-family:'IBM Plex Mono',monospace; font-size:.7rem; text-transform:uppercase; letter-spacing:.1em; color:var(--cat-ink); border:1px solid color-mix(in srgb, var(--cat-ink) 55%, var(--ie-border-strong)); padding:.32rem .6rem; margin-bottom:1.1rem; }
.art-head h1{ font-size:clamp(2rem,3vw + 1rem,3.1rem); margin-bottom:1rem; }
.deck{ font-size:1.08rem; color:var(--ie-text-muted); max-width:62ch; margin:0 0 1.4rem; }
.art-meta{ display:flex; align-items:center; gap:1rem; flex-wrap:wrap; font-size:.86rem; color:var(--ie-text-muted); }
.art-meta .who{ display:flex; align-items:center; gap:.6rem; }
.mini-avatar{ width:34px; height:34px; background:var(--ie-accent); color:var(--ie-surface); display:flex; align-items:center; justify-content:center; font-family:'Newsreader',serif; font-size:.85rem; border:1px solid var(--ie-accent-ink); flex-shrink:0; }
.art-meta b{ color:var(--ie-text); font-weight:600; }
.art-meta .dot{ width:4px; height:4px; background:var(--ie-border-strong); border-radius:50%; flex-shrink:0; }

/* ---------- cover banner ---------- */
.cover{ margin-top:1.8rem; aspect-ratio:21/8; border:1px solid var(--ie-border); }
@media (max-width:600px){ .cover{ aspect-ratio:16/9; } }

/* ---------- single article body ---------- */
.art-body-single{ max-width:66ch; margin-inline:auto; padding-block:clamp(2rem,4vw,3rem); }
.art-text p{ margin:0 0 1.15rem; }
.art-text h2{ font-size:1.5rem; margin:2.2rem 0 1rem; }
.art-text h2:first-child{ margin-top:0; }
.art-text ul, .art-text ol{ margin:0 0 1.15rem; padding-left:1.3rem; }
.art-text li{ margin-bottom:.4rem; }
.art-text img{ border:1px solid var(--ie-border); }
.art-text figcaption{ font-family:'IBM Plex Mono',monospace; font-size:.72rem; color:var(--ie-text-muted); margin-top:.5rem; }

/* block styles registered via functions.php */
.wp-block-quote{ border-left:3px solid var(--ie-border-strong); padding-left:1.2rem; font-style:italic; color:var(--ie-text-muted); margin:1.6rem 0; }
.wp-block-quote.is-style-ie-pull-quote{
  border-left:3px solid var(--ie-warm); padding:.2rem 0 .2rem 1.3rem; margin:1.8rem 0;
  font-family:'Newsreader',serif; font-style:italic; font-size:1.3rem; line-height:1.4; color:var(--ie-accent-ink);
}
.wp-block-quote.is-style-ie-pull-quote cite{ display:block; margin-top:.6rem; font-family:'IBM Plex Mono',monospace; font-style:normal; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ie-text-muted); }

.wp-block-group.is-style-ie-callout{ border:1px solid var(--ie-border-strong); background:var(--ie-bg-soft); padding:1.1rem 1.3rem; margin:1.8rem 0; font-size:.92rem; color:var(--ie-text-muted); }
.wp-block-group.is-style-ie-callout a{ color:var(--ie-accent-ink); font-weight:600; }
.wp-block-group.is-style-ie-note{ border-left:2px solid var(--ie-warm); padding-left:.85rem; font-size:.86rem; color:var(--ie-text-muted); }

table{ border-collapse:collapse; width:100%; }
.wp-block-table{ overflow-x:auto; }
.wp-block-table table{ font-size:.9rem; }
.wp-block-table td, .wp-block-table th{ padding:.65rem .9rem; border-bottom:1px solid var(--ie-border); text-align:left; vertical-align:top; }
.wp-block-table th{ font-family:'IBM Plex Mono',monospace; font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ie-text-muted); font-weight:500; border-bottom:1px solid var(--ie-border-strong); }
.wp-block-table.is-style-ie-fscore{ border:1px solid var(--ie-border); }
.wp-block-table.is-style-ie-fscore table{ margin:0; }

/* ---------- related ---------- */
section.related{ padding-block:clamp(2.2rem,4vw,3.2rem); border-top:1px solid var(--ie-border); }

/* ---------- footer ---------- */
footer{ border-top:1px solid var(--ie-border); padding-block:2.6rem; }
.foot-grid{ display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:2rem; padding-bottom:1.8rem; border-bottom:1px solid var(--ie-border); }
@media (max-width:700px){ .foot-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:460px){ .foot-grid{ grid-template-columns:1fr; } }
.foot-col h4{ font-family:'IBM Plex Mono',monospace; font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; color:var(--ie-text-muted); margin:0 0 .9rem; font-weight:500; }
.foot-col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.55rem; }
.foot-col a{ text-decoration:none; color:var(--ie-text); font-size:.88rem; }
.foot-col a:hover{ color:var(--ie-accent-ink); }
.foot-col p{ color:var(--ie-text-muted); font-size:.86rem; max-width:32ch; margin:0; }
.foot-row{ display:flex; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; align-items:center; padding-top:1.6rem; }
.copyright{ font-family:'IBM Plex Mono',monospace; font-size:.74rem; color:var(--ie-text-muted); }

/* ---------- pagination ---------- */
.pagination, .nav-links{ display:flex; gap:.5rem; flex-wrap:wrap; padding-block:1rem; }
.pagination .page-numbers, .nav-links .page-numbers{
  display:inline-flex; align-items:center; justify-content:center; min-width:2.2rem; height:2.2rem;
  border:1px solid var(--ie-border-strong); text-decoration:none; color:var(--ie-text); font-family:'IBM Plex Mono',monospace; font-size:.82rem; padding-inline:.4rem;
}
.pagination .page-numbers.current, .nav-links .page-numbers.current{ background:var(--ie-text); color:var(--ie-surface); border-color:var(--ie-text); }

/* ---------- comments ---------- */
.comment-respond, .comments-area{ margin-top:2.4rem; padding-top:2rem; border-top:1px solid var(--ie-border); }
.comment-reply-title, .comments-title{ font-family:'Newsreader',serif; font-size:1.3rem; font-weight:500; margin-bottom:1rem; }
.comment-form label{ display:block; font-size:.82rem; color:var(--ie-text-muted); margin-bottom:.3rem; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea{
  width:100%; font-size:.92rem; padding:.7rem .8rem; border:1px solid var(--ie-border-strong); background:var(--ie-surface); color:var(--ie-text); margin-bottom:1rem;
}
.comment-form .form-submit input{
  font-family:'Public Sans',sans-serif; font-weight:600; font-size:.9rem; padding:.7rem 1.2rem;
  border:1px solid var(--ie-text); background:var(--ie-text); color:var(--ie-surface); cursor:pointer;
}
.comment-list{ list-style:none; margin:0; padding:0; }
.comment-list .comment{ border-top:1px solid var(--ie-border); padding-block:1.2rem; }