/* Sprachen mit eigener Schriftbehandlung (03.11.2026, S0 Sprachtechnik; 10.11.2026, SPR I-B, E7): geladen nur fuer ja, ko,
   tr, pl; die Sprachlisten stehen in pages/de/head.php ($sfSchriftL) und muessen zu dieser Datei passen.
   ja/ko: Bricolage Grotesque hat keine CJK-Zeichen; Systemschriften je Plattform, groessere Zeilenhoehe, kein negativer
   Buchstabenabstand in Ueberschriften (verklebt CJK-Zeichen).
   12.11.2026 (Darstellung G3): am Dateiende zwei ja-Layoutregeln (Umbruch im Blog, Tab-Leiste der Werkzeugseiten). */
html:lang(ja) body{
    font-family:"Bricolage Grotesque", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", "Noto Sans CJK JP", system-ui, sans-serif;
    line-height:1.75;
}
html:lang(ko) body{
    font-family:"Bricolage Grotesque", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR", system-ui, sans-serif;
    line-height:1.75;
    word-break:keep-all;
}
html:lang(ja) :is(h1, h2, h3, h4, .hero-title, .section-title h2, .feature-title),
html:lang(ko) :is(h1, h2, h3, h4, .hero-title, .section-title h2, .feature-title){
    letter-spacing:0;
}
/* 10.11.2026 (SPR I-B, E7): grosse Titelzeile ja/ko (line-height 1.06 in new-style.css ist fuer lateinische Buchstaben bemessen). */
html:lang(ja) .hero-title,
html:lang(ko) .hero-title{
    line-height:1.3;
}
/* 10.11.2026 (SPR I-B, E7): latin-ext der Hausschrift fuer tr/pl (ğ ş İ ą ę ł ż), Lizenz fonts/bricolage-grotesque-OFL.txt;
   ?v=1 bei Austausch erhoehen, auch im preload in pages/de/head.php. Herkunft: werkzeuge/sprachen/ANLEITUNG.md. */
@font-face{
    font-family:"Bricolage Grotesque";
    font-style:normal;
    font-weight:200 800;
    font-display:swap;
    src:url("/assets/fonts/bricolage-grotesque-latin-ext.woff2?v=1") format("woff2");
    unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
                  U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* 12.11.2026 (G3, B1, nur ja): /ja/blog/instagram-schrift-aendern/ scrollte bei 360 px (391 > 360): Beispielwort ohne Umbruchstelle. */
html:lang(ja) .blog-content :is(p, li){
    overflow-wrap:anywhere;
}
/* 12.11.2026 (G3, B2, nur ja): Tab-Leiste der Werkzeugseiten brach bei 360 px mitten im Wort um (Kacheln nur 60 px breit). Bis 560 px (Handy-Grenze
   der Seitenregeln; ab etwa 532 px reicht der Platz auch bei Vollbreite-Kana) einzeilig, Innenabstand seitlich 0, Abstand 4 px.
   Schrift = (Breite - 56 px) / 26: 56 = 2 x 15 Seitenrand + 4 Luecken x 4 + 5 Kacheln x 2 Rahmen; 26 = 20 Zeichen Vollbreite aller fuenf
   Beschriftungen + 6 Reserve. Hoechstens 12 px (bisherige Groesse, new-style.css bei max-width 768), mindestens 10 px (lesbar; 10,15 px bei 320 px).
   Aendern sich Raender oder Abstaende der Leiste, die 56 neu rechnen. */
@media (max-width:560px){
    html:lang(ja) .tab-navigation{
        gap:4px;
    }
    html:lang(ja) .tab-item{
        padding-inline:0;
        white-space:nowrap;
        font-size:clamp(10px, calc((100vw - 56px) / 26), 12px);
    }
}