/* Loaded only for articles/index.php, in English and every translated locale. */
/* The header logo already links home; omit the redundant roller strip here. */
html body .guide-shell > .guide-nav:first-child{display:none}
html body .guide-shell{box-sizing:border-box;width:94%;max-width:900px;margin:18px auto 34px;padding:0;color:#083442;text-align:left;font:16px/1.62 Calibri,Arial,sans-serif;overflow-wrap:anywhere}
html body .guide-shell *{box-sizing:border-box}
html body .guide-shell > .guide-kicker{margin:0 0 5px;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5b6a6a}
html body .guide-shell > h1,html body .guide-shell > h2{display:block;margin:.15em 0 .35em;color:#083442;font:400 clamp(1.8rem,4vw,2.65rem)/1.12 Calibri,Arial,sans-serif;letter-spacing:-.02em;text-align:left}
html body .guide-shell > h3{margin:1.35em 0 .45em;color:#083442;font:600 1.28rem/1.25 Calibri,Arial,sans-serif;text-align:left}
html body .guide-shell > p{margin:.72em 0;font-size:1rem;line-height:1.62}
html body .guide-shell > .hub-intro{max-width:780px;font-size:1.12rem;line-height:1.55;color:#264b54}
html body .guide-shell > .article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
html body .guide-shell .article-card{display:flex;flex-direction:column;min-width:0;min-height:190px;margin:0;padding:14px;border:1px solid #08344229;border-radius:13px;background:#f7f3e7;color:#083442!important;text-decoration:none!important;text-align:left;font:16px/1.4 Calibri,Arial,sans-serif}
html body .guide-shell .article-card:hover{background:#fff9ee;border-color:#617b7e}
html body .guide-shell .article-card > *{display:block}
html body .guide-shell .article-card > .emoji{margin:0 0 7px;font-size:1.65rem;line-height:1.2}
html body .guide-shell .article-card > strong{margin:0 0 6px;font-size:1.08rem;line-height:1.25;font-weight:700}
html body .guide-shell .article-card > span:not(.emoji){margin:0;font-size:.88rem;line-height:1.4;color:#405b61}
html body .guide-shell .article-card > small{margin-top:auto;padding-top:10px;font-size:.8rem;line-height:1.4;font-weight:800;color:#083442}
html body .guide-shell > .silly-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}
html body .guide-shell .silly-strip > a{display:block;min-width:0;padding:12px;border:1px dashed #08344247;border-radius:11px;background:#fff1db;color:#083442!important;text-decoration:none!important;font:700 .95rem/1.4 Calibri,Arial,sans-serif}
html body .guide-shell .silly-strip > a:hover{background:#fff9ee}
html body .guide-shell .article-card:focus-visible,html body .guide-shell .silly-strip > a:focus-visible{outline:2px solid #083442;outline-offset:3px}
@media(max-width:700px){html body .guide-shell > .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html body .guide-shell > .silly-strip{grid-template-columns:1fr}}
@media(max-width:460px){html body .guide-shell{width:calc(100% - 24px)}html body .guide-shell > .article-grid{grid-template-columns:1fr}html body .guide-shell .article-card{min-height:0}html body .guide-shell > h1,html body .guide-shell > h2{font-size:1.75rem}}