/* ==========================================================
   SMOKE INGAME NEWS SYSTEM 1.0.0-beta3.2
   SMOKE ON THE WATER
   Magische Presselandschaft 1977
   Dark 70s / Wizarding Press Design

   Überschriften:
   - eigene SMN-Klassen statt globaler H2-Formatierung
   - Fallback für ältere, durch PHP erzeugte <h2>
   ========================================================== */

.smn-wrap{
    --smn-bg:#100806;
    --smn-bg-deep:#090403;

    --smn-panel:#180c08;
    --smn-panel-2:#211008;
    --smn-panel-3:#2a150b;

    --smn-paper:#1c100b;
    --smn-paper-2:#24140c;
    --smn-paper-warm:#27130d;
    --smn-paper-student:#21140d;
    --smn-paper-official:#1d1510;
    --smn-paper-radio:#19100a;

    --smn-line:#63300f;
    --smn-line-soft:#3f210f;
    --smn-line-bright:#9a4810;

    --smn-orange:#c45c0c;
    --smn-orange-light:#e27a1c;

    --smn-gold:#b87829;
    --smn-gold-light:#daa75b;
    --smn-gold-pale:#e2c085;

    --smn-text:#d8b98c;
    --smn-text-light:#ead2a8;
    --smn-muted:#9f7b58;

    --smn-ink:#e2c494;
    --smn-ink-soft:#b89066;

    --smn-red:#6e2d20;
    --smn-bronze:#815021;

    --smn-display:"Cinzel","Times New Roman",Georgia,serif;
    --smn-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
    --smn-body:Georgia,"Times New Roman",serif;
    --smn-sans:Arial,Helvetica,sans-serif;
    --smn-type:"Courier New",Courier,monospace;

    position:relative;
    max-width:1180px;
    margin:24px auto 36px;

    color:var(--smn-text);

    font-size:14px;
    line-height:1.65;
}

.smn-wrap *{
    box-sizing:border-box;
}

.smn-wrap a{
    color:var(--smn-gold-light);
    text-decoration:none;

    transition:
        color .15s ease,
        background .15s ease,
        border-color .15s ease;
}

.smn-wrap a:hover{
    color:var(--smn-orange-light);
}


/* ==========================================================
   H2-ABSICHERUNG

   Einige Bestandteile werden aktuell offenbar direkt durch
   PHP erzeugt und enthalten noch <h2>. Durch die spezifischen
   Regeln unten greifen die normalen Board-H2 nicht mehr störend.

   Neue/eigene SMN-Elemente verwenden:
   .smn-card-title
   .smn-lead-title
   .smn-article-card-title
   .smn-board-note-title
   .smn-playlist-title
   .smn-section-heading
   ========================================================== */

.smn-wrap .smn-media-card > h2,
.smn-wrap .smn-lead > h2,
.smn-wrap .smn-article-card > h2,
.smn-wrap .smn-board-note > h2,
.smn-wrap .smn-playlist h2,
.smn-wrap .smn-list-section > h2,
.smn-wrap .smn-section-title > h2{
    margin:0;
    padding:0;

    border:0;
    background:none;

    box-shadow:none;
    text-shadow:none;

    width:auto;
    height:auto;
    min-height:0;

    position:static;
    float:none;

    text-align:inherit;
    text-transform:none;
    letter-spacing:normal;

    font-size:inherit;
    font-weight:inherit;
    font-family:inherit;
    line-height:inherit;

    color:inherit;
}


/* ==========================================================
   ALLGEMEINE ELEMENTE
   ========================================================== */

.smn-kicker{
    font:700 12px/1.4 var(--smn-sans);

    letter-spacing:.16em;
    text-transform:uppercase;

    color:var(--smn-orange-light);
}

.smn-muted{
    color:var(--smn-muted);
}

.smn-empty{
    position:relative;

    padding:28px;

    border:1px solid var(--smn-line);

    background:
        linear-gradient(
            90deg,
            rgba(196,92,12,.03),
            transparent 20%,
            transparent 80%,
            rgba(196,92,12,.03)
        ),
        var(--smn-panel);

    color:var(--smn-muted);

    text-align:center;
}

.smn-empty:before,
.smn-empty:after{
    content:"";

    position:absolute;
    left:10px;
    right:10px;

    height:1px;

    background:var(--smn-line-soft);
}

.smn-empty:before{
    top:8px;
}

.smn-empty:after{
    bottom:8px;
}


/* ==========================================================
   NAVIGATION
   ========================================================== */

.smn-nav{
    display:flex;
    flex-wrap:wrap;

    gap:5px;

    margin:12px 0 18px;
    padding:7px;

    border:1px solid #4c260f;

    background:#130805;

    box-shadow:
        inset 0 0 0 1px rgba(190,91,15,.05),
        0 4px 14px rgba(0,0,0,.25);
}

.smn-nav a{
    position:relative;

    flex:1 1 auto;

    min-width:110px;

    padding:9px 13px;

    border:1px solid #3b1e0d;

    background:#1b0d08;

    color:var(--smn-gold-light);

    text-align:center;

    font:700 12px/1.3 var(--smn-display);

    letter-spacing:.05em;
    text-transform:uppercase;
}

.smn-nav a:before{
    content:"";

    position:absolute;

    left:6px;
    right:6px;
    bottom:3px;

    height:1px;

    background:transparent;
}

.smn-nav a:hover{
    border-color:var(--smn-orange);

    background:#251107;

    color:#f0c982;
}

.smn-nav a:hover:before{
    background:var(--smn-orange);
}


/* ==========================================================
   AKTIONEN / BUTTONS
   ========================================================== */

.smn-actions{
    display:flex;
    flex-wrap:wrap;

    justify-content:flex-end;

    gap:7px;

    margin:12px 0 16px;
}

.smn-wrap .button{
    display:inline-block;

    min-height:34px;

    padding:8px 15px;

    border:1px solid var(--smn-orange);
    border-radius:0;

    background:#241006;

    color:#dca35e!important;

    box-shadow:
        inset 0 0 0 1px rgba(255,170,72,.04),
        0 2px 6px rgba(0,0,0,.22);

    font:700 12px/1.3 var(--smn-display);

    letter-spacing:.04em;
    text-transform:uppercase;

    cursor:pointer;
}

.smn-wrap .button:hover{
    border-color:var(--smn-orange-light);

    background:var(--smn-orange);

    color:#170904!important;
}


/* ==========================================================
   HAUPTSEITE / HERO
   ========================================================== */

.smn-hero{
    position:relative;

    overflow:hidden;

    min-height:180px;

    padding:35px 55px 37px;

    border:1px solid #51270d;

    background:
        radial-gradient(
            circle at 12% 20%,
            rgba(196,92,12,.10),
            transparent 25%
        ),
        radial-gradient(
            circle at 88% 80%,
            rgba(146,73,16,.08),
            transparent 28%
        ),
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,.009) 0,
            rgba(255,255,255,.009) 1px,
            transparent 1px,
            transparent 4px
        ),
        #160b07;

    box-shadow:
        inset 0 0 70px rgba(0,0,0,.65),
        inset 0 0 0 8px rgba(0,0,0,.18),
        0 8px 22px rgba(0,0,0,.32);

    text-align:center;
}

.smn-hero:before{
    content:"";

    position:absolute;

    inset:8px;

    border:1px solid rgba(159,74,13,.35);

    pointer-events:none;
}

.smn-hero:after{
    content:"✦";

    position:absolute;

    left:50%;
    bottom:10px;

    width:100px;

    transform:translateX(-50%);

    color:#9f5016;

    background:#160b07;

    font-size:13px;
    line-height:15px;
}

.smn-hero-ornament{
    display:flex;

    align-items:center;
    justify-content:center;

    gap:12px;

    max-width:500px;

    margin:0 auto 9px;

    color:#b2641d;
}

.smn-hero-ornament:before,
.smn-hero-ornament:after{
    content:"";

    flex:1;

    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        #77340e
    );
}

.smn-hero-ornament:after{
    background:linear-gradient(
        90deg,
        #77340e,
        transparent
    );
}

.smn-hero .smn-kicker{
    color:#c27832;

    text-align:center;
}

.smn-hero h1{
    margin:8px 0 4px;

    color:#d9b074;

    text-shadow:
        0 1px 0 #3a1808,
        0 2px 6px rgba(0,0,0,.55);

    font:900 37px/1.05 var(--smn-display);

    letter-spacing:.025em;
    text-transform:uppercase;
}

.smn-hero p{
    max-width:740px;

    margin:10px auto 0;

    color:#aa825d;

    font:italic 14px/1.65 var(--smn-body);
}

.smn-hero-edition{
    display:block;

    margin-top:13px;

    color:#785232;

    font:700 12px/1.4 var(--smn-sans);

    letter-spacing:.13em;
    text-transform:uppercase;
}


/* ==========================================================
   GRIDS
   ========================================================== */

.smn-grid,
.smn-article-grid{
    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:12px;

    margin:15px 0;

    align-items:stretch;
}


/* ==========================================================
   MEDIENKARTEN
   ========================================================== */

.smn-media-card{
    position:relative;

    display:block;

    min-width:0;

    overflow:hidden;

    padding:23px 25px 20px;

    border:1px solid #53280f;

    background:
        linear-gradient(
            115deg,
            rgba(191,89,11,.035),
            transparent 45%
        ),
        var(--smn-paper);

    color:var(--smn-text)!important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.015),
        inset 0 -25px 50px rgba(0,0,0,.14),
        0 5px 15px rgba(0,0,0,.28);

    transition:
        transform .15s ease,
        border-color .15s ease,
        background .15s ease;
}

.smn-media-card:hover{
    transform:translateY(-2px);

    border-color:#9a4510;

    background:
        linear-gradient(
            115deg,
            rgba(196,92,12,.07),
            transparent 48%
        ),
        #211008;
}


/* Neue Klasse + Fallback auf ältere PHP-Ausgabe */

.smn-card-title,
.smn-wrap .smn-media-card > h2{
    margin:5px 0 3px;

    padding:0;

    border:0;

    background:none;

    color:#d5aa6b!important;

    text-shadow:0 1px 2px rgba(0,0,0,.6);

    font:900 25px/1.1 var(--smn-display);
}

.smn-media-card p{
    margin:12px 0;

    color:#b18c66;

    font:14px/1.6 var(--smn-body);
}

.smn-card-eyebrow{
    display:block;

    color:#c26319;

    font:700 12px/1.3 var(--smn-sans);

    letter-spacing:.13em;
    text-transform:uppercase;
}

.smn-card-tagline{
    color:#8f6e50;

    font:italic 12px/1.5 var(--smn-body);
}

.smn-media-latest{
    display:grid;

    gap:3px;

    margin-top:17px;
    padding-top:12px;

    border-top:1px solid #54290f;
}

.smn-media-latest span,
.smn-media-latest small{
    color:#8d6847;

    font:12px/1.4 var(--smn-sans);
}

.smn-media-latest strong{
    color:#d4b078;

    font:700 15px/1.35 var(--smn-body);
}


/* ==========================================================
   TAGESPROPHET-KARTE
   ========================================================== */

.smn-card-newspaper{
    padding-top:30px;

    border-top:3px double #8b4211;
    border-bottom:3px double #52270d;

    background:
        repeating-linear-gradient(
            0deg,
            rgba(219,163,89,.018) 0,
            rgba(219,163,89,.018) 1px,
            transparent 1px,
            transparent 4px
        ),
        #1b0f09;
}

.smn-card-newspaper:before,
.smn-card-newspaper:after{
    content:"";

    position:absolute;

    left:24px;
    right:24px;

    height:1px;

    background:#78340e;
}

.smn-card-newspaper:before{
    top:16px;
}

.smn-card-newspaper:after{
    top:19px;
}

.smn-card-newspaper .smn-card-title,
.smn-wrap .smn-card-newspaper > h2{
    text-align:center;

    letter-spacing:-.02em;
    text-transform:uppercase;
}

.smn-card-newspaper .smn-card-eyebrow,
.smn-card-newspaper .smn-card-tagline{
    text-align:center;
}


/* ==========================================================
   HEXENWOCHE-KARTE
   ========================================================== */

.smn-card-magazine{
    border-color:#633221;

    background:
        linear-gradient(
            125deg,
            rgba(121,45,37,.18),
            transparent 48%
        ),
        #21100c;
}

.smn-card-magazine .smn-card-title,
.smn-wrap .smn-card-magazine > h2{
    padding-bottom:7px;

    border-bottom:3px double #743822;

    color:#d3a477!important;

    font-size:28px;

    letter-spacing:.02em;
}

.smn-card-magazine .smn-card-eyebrow{
    color:#b36743;
}


/* ==========================================================
   SCHÜLERZEITUNGS-KARTE
   ========================================================== */

.smn-card-student{
    border:1px dashed #6a3e20;

    background:
        repeating-linear-gradient(
            0deg,
            rgba(184,123,55,.04) 0,
            rgba(184,123,55,.04) 1px,
            transparent 1px,
            transparent 24px
        ),
        #1d110a;
}

.smn-card-student .smn-card-title,
.smn-wrap .smn-card-student > h2{
    font-size:24px;

    letter-spacing:.02em;
    text-transform:uppercase;
}

.smn-card-student .smn-card-tagline{
    color:#98704b;

    font-family:var(--smn-sans);
    font-style:normal;

    letter-spacing:.04em;
}


/* ==========================================================
   RUNDFUNK-KARTE
   ========================================================== */

.smn-card-radio{
    border-left:6px solid #a85213;

    background:
        linear-gradient(
            90deg,
            rgba(196,92,12,.08),
            transparent 35%
        ),
        #180e09;
}

.smn-card-radio:after{
    content:"ON AIR";

    position:absolute;

    top:12px;
    right:13px;

    color:#6d3716;

    font:700 12px var(--smn-type);

    letter-spacing:.1em;
}

.smn-card-radio .smn-card-title,
.smn-wrap .smn-card-radio > h2{
    color:#d09a58!important;

    font-family:var(--smn-type);
    font-size:23px;

    letter-spacing:.01em;
}

.smn-card-radio .smn-card-tagline{
    font-family:var(--smn-type);
    font-style:normal;
}


/* ==========================================================
   MINISTERIUM-KARTE
   ========================================================== */

.smn-card-ministry{
    border:3px double #75501f;

    background:
        radial-gradient(
            circle at 50% 15%,
            rgba(169,116,42,.07),
            transparent 25%
        ),
        #1b130e;
}

.smn-card-ministry .smn-card-title,
.smn-wrap .smn-card-ministry > h2{
    color:#c4a46f!important;

    text-align:center;

    font-size:23px;

    letter-spacing:.05em;
    text-transform:uppercase;
}

.smn-card-ministry .smn-card-eyebrow,
.smn-card-ministry .smn-card-tagline{
    text-align:center;
}


/* ==========================================================
   SCHWARZES-BRETT-KARTE
   ========================================================== */

.smn-card-board{
    border-color:#674017;

    background:
        radial-gradient(
            circle at 50% 9px,
            #6f3b1a 0,
            #6f3b1a 4px,
            transparent 5px
        ),
        repeating-linear-gradient(
            90deg,
            rgba(144,91,33,.03) 0,
            rgba(144,91,33,.03) 1px,
            transparent 1px,
            transparent 28px
        ),
        #21150c;
}

.smn-card-board:before{
    content:"";

    position:absolute;

    top:7px;
    left:50%;

    width:9px;
    height:9px;

    margin-left:-4px;

    border-radius:50%;

    background:#8f501d;

    box-shadow:
        0 1px 0 #c18442 inset,
        0 2px 4px rgba(0,0,0,.6);
}

.smn-card-board .smn-card-title,
.smn-wrap .smn-card-board > h2{
    margin-top:10px;
}


/* ==========================================================
   HAUPTMELDUNG
   ========================================================== */

.smn-lead{
    position:relative;

    overflow:hidden;

    margin:15px 0;

    padding:25px 30px 28px;

    border:1px solid #66300e;
    border-top:3px double #8c4210;

    background:
        repeating-linear-gradient(
            0deg,
            rgba(220,160,76,.015) 0,
            rgba(220,160,76,.015) 1px,
            transparent 1px,
            transparent 4px
        ),
        #1b0f09;

    color:var(--smn-text);

    box-shadow:
        inset 0 0 40px rgba(0,0,0,.18),
        0 6px 18px rgba(0,0,0,.26);
}

.smn-lead:after{
    content:"";

    position:absolute;

    left:30px;
    right:30px;
    bottom:16px;

    border-bottom:3px double #54270d;
}

.smn-lead-title,
.smn-wrap .smn-lead > h2{
    max-width:880px;

    margin:5px 0 8px;

    padding:0 0 5px;

    border:0;

    background:none;

    color:#d9af72;

    font:900 29px/1.14 var(--smn-display);
}

.smn-lead-title a,
.smn-wrap .smn-lead > h2 a{
    color:#d9af72!important;
}

.smn-lead-title a:hover,
.smn-wrap .smn-lead > h2 a:hover{
    color:#edc083!important;
}

.smn-lead p{
    max-width:880px;

    margin:0 0 20px;

    color:#b08b65;

    font:14px/1.65 var(--smn-body);
}

.smn-lead > span{
    color:#8f6b4c;

    font:12px var(--smn-sans);
}

.smn-lead .smn-kicker{
    color:#c4671d;
}

.smn-lead-magazine{
    border-color:#693a28;

    background:
        linear-gradient(
            120deg,
            rgba(119,42,34,.17),
            transparent 52%
        ),
        #21100c;
}

.smn-lead-student{
    border-style:dashed;

    background:
        repeating-linear-gradient(
            0deg,
            rgba(180,122,58,.035) 0,
            rgba(180,122,58,.035) 1px,
            transparent 1px,
            transparent 25px
        ),
        #1d110a;
}

.smn-lead-radio{
    border-left:6px solid #9f4d12;

    background:#180e09;
}

.smn-lead-ministry{
    border:3px double #765023;

    background:#1b130e;
}


/* ==========================================================
   MEDIENKÖPFE
   ========================================================== */

.smn-medium-head,
.smn-radio-head,
.smn-board-head{
    position:relative;

    overflow:hidden;

    margin:0 0 15px;

    padding:27px 38px;

    border:1px solid #592a0e;

    background:#1a0e08;

    color:var(--smn-text);

    box-shadow:
        inset 0 0 45px rgba(0,0,0,.25),
        0 7px 20px rgba(0,0,0,.28);
}

.smn-medium-head:before,
.smn-radio-head:before,
.smn-board-head:before{
    content:"";

    position:absolute;

    inset:7px;

    border:1px solid rgba(130,60,14,.22);

    pointer-events:none;
}

.smn-medium-head p,
.smn-radio-head p,
.smn-board-head p{
    max-width:780px;

    margin:10px auto 0;

    color:#9e7958;

    font:14px/1.6 var(--smn-body);
}

.smn-publication-overline{
    display:block;

    color:#b9631f;

    text-align:center;

    font:700 12px var(--smn-sans);

    letter-spacing:.16em;
    text-transform:uppercase;
}

.smn-medium-head h1{
    margin:4px 0;

    color:#d9af73;

    text-align:center;

    text-shadow:0 2px 4px rgba(0,0,0,.5);

    font:900 37px/1.05 var(--smn-display);
}

.smn-publication-sub{
    color:#947253;

    text-align:center;

    font:italic 12px var(--smn-body);
}

.smn-publication-rule{
    height:4px;

    margin:8px 0;

    border-top:1px solid #7d390f;
    border-bottom:1px solid #4f260d;
}


/* ==========================================================
   TAGESPROPHET KOPF
   ========================================================== */

.smn-medium-newspaper{
    border-top:3px double #8d4110;
    border-bottom:3px double #5a2b0d;

    background:
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,.012) 0,
            rgba(255,255,255,.012) 1px,
            transparent 1px,
            transparent 4px
        ),
        #1a0e08;
}


/* ==========================================================
   HEXENWOCHE KOPF
   ========================================================== */

.smn-medium-magazine{
    border-color:#67362a;

    background:
        linear-gradient(
            120deg,
            rgba(113,38,34,.20),
            transparent 52%
        ),
        #20100c;
}

.smn-medium-magazine h1{
    padding-bottom:8px;

    border-bottom:4px double #743822;

    color:#d2a178;

    font-size:40px;

    letter-spacing:.03em;
}


/* ==========================================================
   SCHÜLERZEITUNG KOPF
   ========================================================== */

.smn-medium-student{
    border-style:dashed;
    border-color:#67401d;

    background:
        repeating-linear-gradient(
            0deg,
            rgba(183,125,58,.035) 0,
            rgba(183,125,58,.035) 1px,
            transparent 1px,
            transparent 25px
        ),
        #1d110a;
}

.smn-medium-student h1{
    font-size:33px;

    text-transform:uppercase;
}


/* ==========================================================
   MINISTERIUM KOPF
   ========================================================== */

.smn-medium-ministry{
    border:4px double #765126;

    background:
        radial-gradient(
            circle at 50% 25%,
            rgba(172,119,43,.07),
            transparent 26%
        ),
        #1b130e;
}

.smn-ministry-head-seal{
    display:grid;

    place-items:center;

    width:54px;
    height:54px;

    margin:0 auto 8px;

    border:2px solid #a87938;
    border-radius:50%;

    color:#c8a768;

    box-shadow:inset 0 0 0 3px #1b130e;

    font:900 24px var(--smn-display);
}


/* ==========================================================
   RUNDFUNK KOPF
   ========================================================== */

.smn-radio-head{
    border-left:7px solid #a24f13;

    background:
        linear-gradient(
            90deg,
            rgba(193,88,10,.07),
            transparent 38%
        ),
        #180e09;
}

.smn-radio-head .smn-kicker{
    color:#c16b27;
}

.smn-radio-head h1{
    margin:4px 0;

    color:#d5a65f;

    font:900 31px/1.1 var(--smn-type);
}

.smn-radio-head p{
    margin-left:0;

    font-family:var(--smn-type);
}


/* ==========================================================
   SCHWARZES BRETT KOPF
   ========================================================== */

.smn-board-head{
    border-color:#684015;

    background:
        repeating-linear-gradient(
            90deg,
            rgba(154,94,31,.025) 0,
            rgba(154,94,31,.025) 1px,
            transparent 1px,
            transparent 34px
        ),
        #21140b;
}

.smn-board-head h1{
    margin:4px 0;

    color:#d7a85e;

    font:900 33px/1.1 var(--smn-display);
}

.smn-board-head .smn-kicker{
    color:#c16d25;
}

.smn-board-head p{
    margin-left:0;
}


/* ==========================================================
   ARTIKELKARTEN
   ========================================================== */

.smn-article-card{
    position:relative;

    min-width:0;

    padding:21px 23px 18px;

    border:1px solid #54290f;

    background:
        linear-gradient(
            110deg,
            rgba(191,86,9,.03),
            transparent 40%
        ),
        #1b0f09;

    color:var(--smn-text);

    box-shadow:
        inset 0 0 28px rgba(0,0,0,.12),
        0 5px 14px rgba(0,0,0,.24);
}

.smn-article-card:hover{
    border-color:#87400f;
}

.smn-article-card .smn-card-rule{
    height:3px;

    margin:-4px 0 11px;

    border-top:1px solid #7b380f;
    border-bottom:1px solid #48220c;
}

.smn-article-card .smn-kicker{
    color:#bd6420;
}

.smn-article-card-title,
.smn-wrap .smn-article-card > h2{
    margin:6px 0 9px;

    padding:0;

    border:0;

    background:none;

    color:#d5aa6d;

    font:900 22px/1.18 var(--smn-display);
}

.smn-article-card-title a,
.smn-wrap .smn-article-card > h2 a{
    color:#d5aa6d!important;
}

.smn-article-card-title a:hover,
.smn-wrap .smn-article-card > h2 a:hover{
    color:#e8bd7a!important;
}

.smn-article-card p{
    color:#af8962;

    font:14px/1.62 var(--smn-body);
}

.smn-article-card footer{
    display:flex;

    justify-content:space-between;

    gap:15px;

    margin-top:14px;
    padding-top:10px;

    border-top:1px solid #48250f;

    color:#8f6b4b;

    font:12px var(--smn-sans);
}

.smn-article-card footer a{
    color:#bd7c36!important;

    text-decoration:none;
}

.smn-article-card footer a:hover{
    color:#e27a1c!important;
}


/* ==========================================================
   ARTIKELKARTEN: HEXENWOCHE
   ========================================================== */

.smn-paper-magazine{
    border-color:#633226;

    background:
        linear-gradient(
            125deg,
            rgba(112,41,35,.17),
            transparent 52%
        ),
        #21100c;
}

.smn-paper-magazine .smn-card-rule{
    border-color:#703921;
}

.smn-paper-magazine .smn-article-card-title,
.smn-wrap .smn-paper-magazine > h2{
    color:#d1a27b;

    font-size:24px;
}


/* ==========================================================
   ARTIKELKARTEN: SCHÜLERZEITUNG
   ========================================================== */

.smn-paper-student{
    border-style:dashed;

    background:
        repeating-linear-gradient(
            0deg,
            rgba(176,118,54,.03) 0,
            rgba(176,118,54,.03) 1px,
            transparent 1px,
            transparent 25px
        ),
        #1e110a;
}


/* ==========================================================
   ARTIKELKARTEN: MINISTERIUM
   ========================================================== */

.smn-paper-ministry{
    border:3px double #765026;

    background:#1a130e;
}

.smn-paper-ministry .smn-article-card-title,
.smn-wrap .smn-paper-ministry > h2{
    color:#c8a772;

    font-size:20px;

    letter-spacing:.03em;
    text-transform:uppercase;
}


/* ==========================================================
   ARTIKELKARTEN: RUNDFUNK
   ========================================================== */

.smn-paper-radio{
    border-left:6px solid #9d4d13;

    background:#180e09;
}

.smn-paper-radio .smn-article-card-title,
.smn-wrap .smn-paper-radio > h2,
.smn-paper-radio p{
    font-family:var(--smn-type);
}

.smn-paper-radio .smn-article-card-title,
.smn-wrap .smn-paper-radio > h2{
    color:#d0a05d;

    font-size:21px;
}


/* ==========================================================
   EINZELARTIKEL
   ========================================================== */

.smn-article{
    position:relative;

    max-width:980px;

    overflow:hidden;

    margin:18px auto;

    padding:35px 42px 39px;

    border:1px solid #5c2c0e;

    background:
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,.009) 0,
            rgba(255,255,255,.009) 1px,
            transparent 1px,
            transparent 4px
        ),
        #1b0f09;

    color:var(--smn-text);

    box-shadow:
        inset 0 0 70px rgba(0,0,0,.28),
        0 16px 40px rgba(0,0,0,.36);
}

.smn-article:before{
    content:"";

    position:absolute;

    inset:9px;

    border:1px solid rgba(139,64,14,.20);

    pointer-events:none;
}

.smn-article-meta{
    position:relative;

    padding:8px 0 10px;

    border-top:1px solid #6e310e;
    border-bottom:1px solid #6e310e;

    color:#a8784d;

    text-align:center;

    font:700 12px/1.4 var(--smn-sans);

    letter-spacing:.1em;
    text-transform:uppercase;
}

.smn-article h1{
    position:relative;

    max-width:850px;

    margin:20px auto 8px;

    color:#d8ad70;

    text-align:center;

    text-shadow:0 2px 4px rgba(0,0,0,.45);

    font:900 38px/1.08 var(--smn-display);
}

.smn-article-subtitle{
    position:relative;

    max-width:740px;

    margin:0 auto 17px;

    color:#ad8968;

    text-align:center;

    font:italic 16px/1.5 var(--smn-body);
}

.smn-byline{
    position:relative;

    padding:9px 0;

    border-top:1px solid #4d260e;
    border-bottom:1px solid #4d260e;

    color:#a87d53;

    text-align:center;

    font:700 12px/1.4 var(--smn-sans);

    letter-spacing:.06em;
    text-transform:uppercase;
}

.smn-article-body{
    position:relative;

    margin-top:25px;

    color:#d1b38a;

    font:15px/1.75 var(--smn-body);
}

.smn-article-body p{
    margin:0 0 1.15em;
}

.smn-article-body strong{
    color:#e0c397;
}

.smn-article-body a{
    color:#d28937!important;

    text-decoration:underline;
}

.smn-article-body blockquote{
    margin:20px 25px;

    padding:12px 18px;

    border-left:3px solid #9a4711;

    background:#140a06;

    color:#b9936b;

    font-style:italic;
}

.smn-article-image{
    position:relative;

    margin:22px 0 19px;

    padding:6px;

    border:1px solid #67401c;

    background:#120905;

    box-shadow:0 5px 14px rgba(0,0,0,.35);
}

.smn-article-image:after{
    content:"";

    position:absolute;

    inset:6px;

    box-shadow:inset 0 0 35px rgba(68,28,6,.35);

    pointer-events:none;
}

.smn-article-image img{
    display:block;

    width:100%;

    max-height:480px;

    object-fit:cover;

    filter:
        sepia(.42)
        saturate(.75)
        brightness(.79)
        contrast(1.06);
}

.smn-article-tools{
    position:relative;

    margin:10px 0 0;

    text-align:right;

    font:12px var(--smn-sans);
}

.smn-article-tools a{
    display:inline-block;

    padding:5px 8px;

    border:1px solid #66300e;

    background:#170b07;

    color:#c28746!important;
}

.smn-article-tools a:hover{
    border-color:#a44c10;

    background:#231007;

    color:#e19a48!important;
}


/* ==========================================================
   TAGESPROPHET EINZELARTIKEL
   ========================================================== */

.smn-layout-newspaper{
    border-top:4px double #8d4110;
    border-bottom:4px double #55270c;

    background:
        radial-gradient(
            circle at 15% 10%,
            rgba(143,70,20,.06),
            transparent 20%
        ),
        radial-gradient(
            circle at 86% 72%,
            rgba(125,57,13,.05),
            transparent 24%
        ),
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,.01) 0,
            rgba(255,255,255,.01) 1px,
            transparent 1px,
            transparent 4px
        ),
        #1a0c07;
}

.smn-newspaper-top{
    position:relative;

    margin-bottom:25px;

    text-align:center;
}

.smn-newspaper-rule{
    height:4px;

    margin:8px 0;

    border-top:1px solid #8b4010;
    border-bottom:1px solid #50240c;
}

.smn-newspaper-name{
    color:#d9ae70;

    text-shadow:0 2px 4px rgba(0,0,0,.5);

    font:900 42px/1 var(--smn-display);

    letter-spacing:-.025em;
    text-transform:uppercase;
}

.smn-newspaper-tagline{
    color:#947050;

    font:italic 12px var(--smn-body);

    letter-spacing:.08em;
}

.smn-layout-newspaper .smn-article-body{
    column-count:2;

    column-gap:38px;
    column-rule:1px solid rgba(119,55,15,.40);
}

.smn-layout-newspaper .smn-article-body p:first-child:first-letter{
    float:left;

    margin-right:7px;
    padding-top:9px;

    color:#d49342;

    font:700 56px/.72 var(--smn-display);
}


/* ==========================================================
   HEXENWOCHE EINZELARTIKEL
   ========================================================== */

.smn-layout-magazine{
    border-color:#693629;

    background:
        linear-gradient(
            125deg,
            rgba(107,37,33,.19),
            transparent 48%
        ),
        #21100c;
}

.smn-layout-magazine:before{
    border-color:rgba(126,60,45,.32);
}

.smn-magazine-top{
    position:relative;

    margin-bottom:20px;
    padding-bottom:10px;

    border-bottom:5px double #71371f;

    text-align:center;
}

.smn-magazine-name{
    color:#cf9d75;

    text-shadow:0 2px 4px rgba(0,0,0,.45);

    font:900 43px/1 var(--smn-display);

    letter-spacing:.035em;
}

.smn-magazine-tagline{
    margin-top:6px;

    color:#976b5a;

    font:italic 12px var(--smn-body);
}

.smn-layout-magazine .smn-article-meta{
    border-color:#653023;

    color:#a86d52;
}

.smn-layout-magazine h1{
    color:#d2a07b;

    font-size:37px;
}

.smn-layout-magazine .smn-byline{
    border-color:#582a20;

    color:#a57560;
}

.smn-layout-magazine .smn-article-body{
    column-count:2;

    column-gap:34px;
    column-rule:1px solid rgba(126,61,46,.35);

    color:#c7a589;
}

.smn-layout-magazine .smn-article-image{
    border-color:#693c2d;
}

.smn-layout-magazine .smn-article-image img{
    filter:
        sepia(.30)
        saturate(.72)
        brightness(.8)
        contrast(1.05);
}


/* ==========================================================
   HOGWARTS SCHÜLERZEITUNG
   ========================================================== */

.smn-layout-student{
    border-style:dashed;
    border-color:#6c411c;

    background:
        repeating-linear-gradient(
            0deg,
            rgba(183,123,55,.035) 0,
            rgba(183,123,55,.035) 1px,
            transparent 1px,
            transparent 26px
        ),
        #1e110a;
}

.smn-student-top{
    margin-bottom:18px;

    padding:10px 0 13px;

    border-top:2px solid #774016;
    border-bottom:2px solid #774016;

    text-align:center;
}

.smn-student-name{
    color:#d2a669;

    font:900 32px/1.08 var(--smn-display);

    letter-spacing:.025em;
    text-transform:uppercase;
}

.smn-student-tagline{
    margin-top:6px;

    color:#96704a;

    font:700 12px var(--smn-sans);

    letter-spacing:.06em;
}

.smn-layout-student h1{
    color:#d5aa70;

    font-size:34px;
}

.smn-layout-student .smn-article-body{
    column-count:2;

    column-gap:32px;
    column-rule:1px dashed rgba(130,77,31,.40);
}


/* ==========================================================
   MINISTERIUM
   ========================================================== */

.smn-layout-ministry{
    max-width:900px;

    border:4px double #785126;

    background:
        radial-gradient(
            circle at 50% 8%,
            rgba(161,108,38,.07),
            transparent 20%
        ),
        #1a130e;

    box-shadow:
        inset 0 0 60px rgba(0,0,0,.20),
        0 15px 38px rgba(0,0,0,.34);
}

.smn-layout-ministry:before{
    border:0;
}

.smn-ministry-top{
    display:flex;

    gap:17px;

    align-items:center;

    margin-bottom:21px;

    padding:14px 18px;

    border-top:2px solid #85602c;
    border-bottom:2px solid #85602c;
}

.smn-ministry-seal{
    display:grid;

    place-items:center;

    flex:0 0 60px;

    width:60px;
    height:60px;

    border:2px solid #a87938;
    border-radius:50%;

    color:#c7a46a;

    box-shadow:
        inset 0 0 0 3px #1a130e,
        inset 0 0 0 4px #69471f;

    font:900 26px var(--smn-display);
}

.smn-ministry-top strong,
.smn-ministry-top span{
    display:block;
}

.smn-ministry-top strong{
    color:#d0b27d;

    font:900 20px var(--smn-display);

    letter-spacing:.04em;
}

.smn-ministry-top span{
    color:#947957;

    font:700 12px var(--smn-sans);

    letter-spacing:.07em;
    text-transform:uppercase;
}

.smn-layout-ministry h1{
    color:#ceb17e;

    font-size:30px;

    letter-spacing:.035em;
    text-transform:uppercase;
}

.smn-layout-ministry .smn-article-body{
    max-width:760px;

    margin:27px auto 0;

    color:#c5ab86;

    font-size:14px;
    line-height:1.78;
}

.smn-layout-ministry .smn-byline{
    max-width:760px;

    margin-right:auto;
    margin-left:auto;
}


/* ==========================================================
   MAGISCHER RUNDFUNK
   ========================================================== */

.smn-layout-radio{
    border-left:8px solid #9d4b11;

    background:
        linear-gradient(
            90deg,
            rgba(183,82,8,.06),
            transparent 34%
        ),
        #180e09;
}

.smn-layout-radio:before{
    border-style:dashed;
}

.smn-radio-article-top{
    margin-bottom:19px;

    padding-bottom:12px;

    border-bottom:3px double #7d3c12;
}

.smn-radio-name{
    color:#d2a05b;

    font:900 30px/1.08 var(--smn-type);
}

.smn-radio-tagline{
    color:#9f7549;

    font:700 12px var(--smn-type);

    letter-spacing:.04em;
    text-transform:uppercase;
}

.smn-layout-radio h1{
    color:#d2a25e;

    text-align:left;

    font-family:var(--smn-type);
    font-size:30px;
}

.smn-layout-radio .smn-article-subtitle{
    margin-left:0;

    text-align:left;

    font-family:var(--smn-type);
}

.smn-layout-radio .smn-article-meta{
    text-align:left;

    font-family:var(--smn-type);
}

.smn-layout-radio .smn-byline{
    text-align:left;

    font-family:var(--smn-type);
}

.smn-layout-radio .smn-article-body{
    color:#c7a97b;

    font:14px/1.78 var(--smn-type);
}


/* ==========================================================
   FORMULARE
   ========================================================== */

.smn-form-card,
.smn-letter-form,
.smn-board-compose{
    position:relative;

    margin:16px 0;

    padding:25px;

    border:1px solid #572a0e;

    background:
        linear-gradient(
            110deg,
            rgba(184,83,9,.035),
            transparent 45%
        ),
        var(--smn-panel);

    box-shadow:
        inset 0 0 35px rgba(0,0,0,.18),
        0 5px 14px rgba(0,0,0,.23);
}

.smn-form-paper{
    border-top:3px double #85400f;

    color:var(--smn-text);

    background:
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,.008) 0,
            rgba(255,255,255,.008) 1px,
            transparent 1px,
            transparent 4px
        ),
        #1b0f09;
}

.smn-form-paper:before{
    content:"";

    position:absolute;

    inset:8px;

    border:1px solid rgba(119,53,12,.20);

    pointer-events:none;
}

.smn-form-paper .smn-kicker{
    position:relative;

    color:#c5681f;
}

.smn-form-paper h1{
    position:relative;

    margin:4px 0 8px;

    color:#d8ad70!important;

    font:900 29px/1.15 var(--smn-display);
}

.smn-form-intro{
    position:relative;

    margin:0 0 18px;
    padding-bottom:13px;

    border-bottom:1px solid #4e270f;

    color:#997453;
}

.smn-form-card form{
    position:relative;
}

.smn-wrap form{
    display:grid;

    gap:13px;
}

.smn-wrap form label{
    display:grid;

    gap:6px;

    color:#b7895f;

    font:700 12px/1.4 var(--smn-sans);

    letter-spacing:.04em;
    text-transform:uppercase;
}

.smn-wrap .textbox{
    width:100%;

    min-height:36px;

    padding:9px 10px;

    border:1px solid #562a0f!important;
    border-radius:0!important;

    outline:0;

    background:#100805!important;

    color:#d8b98c!important;

    box-shadow:
        inset 0 1px 4px rgba(0,0,0,.45);

    font:14px/1.4 var(--smn-sans);
}

.smn-wrap select.textbox{
    cursor:pointer;
}

.smn-wrap .textbox:focus{
    border-color:#a44d10!important;

    background:#140a06!important;
}

.smn-wrap textarea.textbox{
    min-height:260px;

    resize:vertical;

    font-family:var(--smn-body);
    line-height:1.6;
}

.smn-form-row{
    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:13px;
}

.smn-board-compose summary{
    cursor:pointer;

    color:#d0a260;

    font:700 17px var(--smn-display);
}

.smn-board-compose form{
    margin-top:18px;
}


/* ==========================================================
   EIGENE ARTIKEL
   ========================================================== */

.smn-my-articles{
    position:relative;

    margin:16px 0;

    padding:18px 20px;

    border:1px dashed #664019;

    background:
        repeating-linear-gradient(
            0deg,
            rgba(176,113,45,.025) 0,
            rgba(176,113,45,.025) 1px,
            transparent 1px,
            transparent 25px
        ),
        #1c110a;

    color:var(--smn-text);
}

.smn-my-articles .smn-section-title{
    border-color:#683817;
}

.smn-my-articles .smn-section-title .smn-section-heading,
.smn-wrap .smn-my-articles .smn-section-title > h2{
    color:#d5a66a;
}

.smn-my-articles .smn-section-title span{
    color:#8d694b;
}

.smn-my-article{
    display:flex;

    justify-content:space-between;

    gap:16px;

    padding:11px 0;

    border-bottom:1px dashed rgba(126,71,28,.45);
}

.smn-my-article:last-child{
    border-bottom:0;
}

.smn-my-article strong,
.smn-my-article span{
    display:block;
}

.smn-my-article strong{
    color:#d0aa75;

    font:700 15px var(--smn-body);
}

.smn-my-article span{
    color:#8f694b;

    font:12px var(--smn-sans);
}

.smn-my-article a{
    color:#c4782c!important;

    text-decoration:none;

    font-size:12px;
}


/* ==========================================================
   ABSCHNITTSÜBERSCHRIFTEN / LESERBRIEFE
   ========================================================== */

.smn-section-title{
    display:flex;

    align-items:end;
    justify-content:space-between;

    gap:20px;

    margin:28px 0 12px;

    border-bottom:1px solid #64300f;
}

.smn-section-heading,
.smn-wrap .smn-section-title > h2{
    margin:0;

    padding:0 0 7px;

    border:0;

    background:none;

    color:#d4a566;

    font:700 22px var(--smn-display);
}

.smn-section-title span,
.smn-section-title a{
    padding-bottom:7px;

    color:#96704f;

    font:12px var(--smn-sans);
}

.smn-letter{
    position:relative;

    margin:10px 0;

    padding:20px 22px;

    border:1px solid #5d3417;
    border-left:4px solid #a04e13;

    background:
        linear-gradient(
            100deg,
            rgba(160,75,13,.055),
            transparent 30%
        ),
        #1c100a;

    color:#c9aa80;

    box-shadow:0 5px 13px rgba(0,0,0,.24);
}

.smn-letter > strong{
    display:block;

    margin-bottom:7px;

    color:#d2ad78;

    font:700 16px var(--smn-display);
}

.smn-letter footer{
    color:#96704f;

    text-align:right;

    font:italic 13px var(--smn-body);
}


/* ==========================================================
   SCHWARZES BRETT
   ========================================================== */

.smn-board-grid{
    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:15px;

    margin-top:17px;

    align-items:start;
}

.smn-board-note{
    position:relative;

    padding:28px 24px 22px;

    border:1px solid #674017;

    background:
        repeating-linear-gradient(
            90deg,
            rgba(150,93,35,.025) 0,
            rgba(150,93,35,.025) 1px,
            transparent 1px,
            transparent 31px
        ),
        #21150c;

    color:#c9a97b;

    box-shadow:
        inset 0 0 35px rgba(0,0,0,.13),
        0 7px 18px rgba(0,0,0,.30);

    transform:rotate(-.18deg);
}

.smn-board-note:nth-child(even){
    border-color:#5b361b;

    background:
        repeating-linear-gradient(
            0deg,
            rgba(159,101,43,.025) 0,
            rgba(159,101,43,.025) 1px,
            transparent 1px,
            transparent 27px
        ),
        #1e140e;

    transform:rotate(.18deg);
}

.smn-board-pin{
    position:absolute;

    top:8px;
    left:50%;

    width:10px;
    height:10px;

    margin-left:-5px;

    border-radius:50%;

    background:#9b571f;

    box-shadow:
        inset 0 1px 1px #d0914d,
        0 2px 4px rgba(0,0,0,.6);
}

.smn-board-note .smn-kicker{
    color:#bb6b27;
}

.smn-board-note-title,
.smn-wrap .smn-board-note > h2{
    margin:7px 0 3px;

    padding:0;

    border:0;

    background:none;

    color:#d2aa6b;

    font:700 22px var(--smn-display);
}

.smn-board-date{
    color:#906d4d;

    font:12px var(--smn-sans);
}

.smn-board-body{
    margin:15px 0;

    color:#c1a079;

    font:15px/1.65 var(--smn-body);
}

.smn-board-note footer{
    display:flex;

    justify-content:space-between;
    align-items:end;

    gap:12px;

    padding-top:10px;

    border-top:1px solid rgba(128,70,26,.45);

    color:#997353;

    text-align:right;

    font:italic 13px var(--smn-body);
}

.smn-paper-edit{
    color:#c57c34!important;

    text-decoration:none;

    font:12px var(--smn-sans)!important;
}


/* ==========================================================
   RUNDFUNK-PROGRAMM
   ========================================================== */

.smn-playlists{
    display:grid;

    gap:13px;

    margin:17px 0;
}

.smn-playlist{
    display:grid;

    grid-template-columns:
        minmax(220px,.72fr)
        minmax(340px,1.28fr);

    gap:22px;

    padding:21px;

    border:1px solid #582b0f;
    border-left:7px solid #a04c11;

    background:
        linear-gradient(
            90deg,
            rgba(188,84,7,.055),
            transparent 35%
        ),
        #180e09;

    color:#c7a579;

    box-shadow:
        0 6px 17px rgba(0,0,0,.27);
}

.smn-program-copy{
    padding-right:5px;

    border-right:1px dashed rgba(138,76,29,.48);
}

.smn-playlist-title,
.smn-wrap .smn-playlist h2{
    margin:5px 0;

    padding:0;

    border:0;

    background:none;

    color:#d4a25d;

    font:900 22px/1.2 var(--smn-type);
}

.smn-playlist p{
    color:#a7835e;

    font:13px/1.65 var(--smn-type);
}

.smn-playlist .smn-kicker{
    color:#b86725;
}

.smn-player-frame{
    padding:6px;

    border:1px solid #4f2a12;

    background:#0f0704;
}

.smn-player-frame iframe{
    display:block;

    border:0;
    border-radius:0;
}

.smn-list-section > .smn-section-heading,
.smn-wrap .smn-list-section > h2{
    margin:24px 0 13px;

    padding:12px 17px;

    border-top:3px double #8d4110;
    border-right:0;
    border-bottom:3px double #55280d;
    border-left:0;

    background:#190e08;

    color:#d2a15f;

    font:900 22px/1 var(--smn-type);
}


/* ==========================================================
   GOSSIP
   ========================================================== */

.smn-gossip{
    margin-top:27px;
}

.smn-gossip-grid{
    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:11px;
}

.smn-gossip-item{
    position:relative;

    padding:19px;

    border:1px dashed #693c1d;

    background:
        repeating-linear-gradient(
            0deg,
            rgba(173,112,50,.027) 0,
            rgba(173,112,50,.027) 1px,
            transparent 1px,
            transparent 24px
        ),
        #1d110a;

    color:#c9a87b;
}

.smn-gossip-item .smn-kicker{
    color:#b96827;
}

.smn-gossip-title,
.smn-gossip-item strong{
    display:block;

    margin:6px 0;

    color:#d2ab74;

    font:700 16px var(--smn-display);
}

.smn-gossip-item p{
    margin:4px 0 8px;

    color:#af8966;
}

.smn-gossip-item small{
    color:#8e6a4c;

    font:12px var(--smn-sans);
}


/* ==========================================================
   INDEX-VARIABLE
   ========================================================== */

.smn-indexbox{
    position:relative;

    margin:15px 0;

    border:1px solid #50260c;

    background:#120805;

    color:#d7b586;

    box-shadow:
        inset 0 0 0 1px rgba(190,84,8,.035),
        0 4px 12px rgba(0,0,0,.22);

    font-size:13px;
}

.smn-index-head{
    display:flex;

    justify-content:space-between;

    gap:15px;

    padding:10px 13px;

    border-bottom:1px solid #62300e;

    background:
        linear-gradient(
            90deg,
            #251106,
            #1a0c07
        );

    font:700 12px var(--smn-display);

    letter-spacing:.06em;
    text-transform:uppercase;
}

.smn-index-head span{
    color:#d5a45e;
}

.smn-index-head a{
    color:#b86a23;
}

.smn-index-head a:hover{
    color:#e07b1c;
}

.smn-index-items{
    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr));
}

.smn-index-item{
    display:grid;

    gap:2px;

    min-width:0;

    padding:12px 14px;

    border-right:1px solid rgba(96,45,14,.65);
    border-bottom:1px solid rgba(96,45,14,.65);

    background:#130906;

    color:#d7b586!important;

    text-decoration:none;
}

.smn-index-item:nth-child(odd){
    background:#150a06;
}

.smn-index-item:hover{
    background:#201006;
}

.smn-index-media{
    color:#bc6721;

    font:700 12px var(--smn-sans);

    text-transform:uppercase;
}

.smn-index-item strong{
    overflow:hidden;

    color:#d8af72;

    text-overflow:ellipsis;
    white-space:nowrap;

    font:700 14px var(--smn-body);
}

.smn-index-item small{
    color:#8f6a4a;

    font:12px var(--smn-sans);
}


/* ==========================================================
   FORMAT-HINWEISE
   ========================================================== */

.smn-format-hint{
    display:inline-block;

    margin-left:7px;

    color:#806045;

    font-size:12px;
    font-weight:400;

    letter-spacing:0;
    text-transform:none;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:800px){

    .smn-wrap{
        margin:15px 10px 28px;
    }

    .smn-hero{
        padding:30px 24px 34px;
    }

    .smn-hero h1{
        font-size:30px;
    }

    .smn-grid,
    .smn-article-grid,
    .smn-board-grid,
    .smn-gossip-grid{
        grid-template-columns:1fr;
    }

    .smn-playlist{
        grid-template-columns:1fr;
    }

    .smn-program-copy{
        padding-bottom:12px;

        border-right:0;
        border-bottom:1px dashed rgba(138,76,29,.48);
    }

    .smn-article{
        padding:29px 23px 34px;
    }

    .smn-article h1{
        font-size:31px;
    }

    .smn-layout-newspaper .smn-article-body,
    .smn-layout-magazine .smn-article-body,
    .smn-layout-student .smn-article-body{
        column-count:1;
    }

    .smn-newspaper-name{
        font-size:33px;
    }

    .smn-magazine-name{
        font-size:34px;
    }

    .smn-index-items{
        grid-template-columns:1fr;
    }

    .smn-my-article{
        display:block;
    }

    .smn-my-article > div:last-child{
        margin-top:6px;
    }

    .smn-form-row{
        grid-template-columns:1fr;
    }

    .smn-ministry-top{
        display:block;

        text-align:center;
    }

    .smn-ministry-seal{
        margin:0 auto 10px;
    }
}


@media(max-width:500px){

    .smn-nav a{
        flex:1 1 100%;
    }

    .smn-hero{
        min-height:0;

        padding:27px 19px 32px;
    }

    .smn-hero h1{
        font-size:26px;
    }

    .smn-media-card{
        padding-right:19px;
        padding-left:19px;
    }

    .smn-medium-head,
    .smn-radio-head,
    .smn-board-head{
        padding:25px 21px;
    }

    .smn-medium-head h1,
    .smn-radio-head h1,
    .smn-board-head h1{
        font-size:28px;
    }

    .smn-article{
        padding-right:18px;
        padding-left:18px;
    }

    .smn-article h1{
        font-size:27px;
    }

    .smn-section-title{
        display:block;
    }
}