/*
Theme Name: Atlas typographique
Theme URI: https://example.org/atlas-typographique
Author: Atlas typographique
Description: Catalogue pédagogique de typographies fondé uniquement sur des images.
Version: 1.8.25
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: atlas-typographique
*/

:root{--ink:#11110f;--paper:#f2f1ed;--line:#c8c7c0;--acid:#d8ff36;--muted:#686862}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}img{max-width:100%}a{color:inherit;text-decoration:none}.site-main,.home-index,.home-title,.menu-grid,.type-grid,.catalogue-grid,.type-card{min-width:0;max-width:100%}
.site-header{position:relative;height:84px;padding:0 3vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;background:var(--ink);color:var(--paper);display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;font-style:italic}.header-logo,.custom-logo-link{display:flex;align-items:center;justify-self:start}.header-logo-image,.custom-logo{display:block;width:auto;max-width:min(320px,32vw);max-height:48px}.site-nav{display:flex;gap:32px;font-size:14px}.site-nav a:hover,.site-nav .current-menu-item a{border-bottom:1px solid}.header-actions{display:flex;align-items:center;justify-self:end;gap:18px}.school-mark{text-align:right;font-weight:700;line-height:.95;font-size:13px;white-space:pre-line}.site-menu{position:relative}.site-menu summary{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;cursor:pointer;list-style:none;background:transparent}.site-menu summary::-webkit-details-marker{display:none}.site-menu summary:hover,.site-menu[open] summary{background:var(--ink);color:var(--paper)}.menu-icon{width:16px;display:grid;gap:4px}.menu-icon span{display:block;height:1px;background:currentColor;transition:transform .18s,opacity .18s}.site-menu[open] .menu-icon span:first-child{transform:translateY(5px) rotate(45deg)}.site-menu[open] .menu-icon span:nth-child(2){opacity:0}.site-menu[open] .menu-icon span:last-child{transform:translateY(-5px) rotate(-45deg)}.site-menu-panel{position:absolute;z-index:50;top:calc(100% + 20px);right:0;width:min(340px,92vw);background:var(--paper);border:1px solid var(--ink);box-shadow:0 12px 30px rgba(0,0,0,.08)}.site-menu-home,.site-menu-links a{min-height:58px;padding:16px 18px;display:flex;align-items:center;border-bottom:1px solid var(--line);font-size:15px}.site-menu-home{justify-content:space-between;font:400 25px/1 Georgia,serif}.site-menu-links,.site-menu-links ul{margin:0;padding:0;list-style:none}.site-menu-links .sub-menu a{min-height:46px;padding-left:34px;font-size:13px}.site-menu-links li:last-child>a{border-bottom:0}.site-menu-links a:hover,.site-menu-home:hover,.site-menu-links .current-menu-item>a,.site-menu-links .current-menu-ancestor>a,.site-menu-home[aria-current="page"]{background:var(--acid)}.eyebrow,.section-label{font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:700}
.home-index{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);border-bottom:1px solid var(--line)}.home-title{padding:5vw 3vw;display:flex;flex-direction:column;border-right:1px solid var(--line)}.home-title h1{max-width:100%;font:400 clamp(64px,7vw,126px)/.8 Georgia,serif;letter-spacing:-.075em;margin:8vh 0 40px;overflow-wrap:anywhere}.home-title>p:not(.eyebrow){font-size:18px;line-height:1.45;max-width:440px;margin-left:22%}.home-title>a{margin-top:auto;font-size:13px;text-transform:uppercase;letter-spacing:.07em}.menu-grid{display:grid;grid-template-rows:repeat(5,134.4px);align-content:start}.menu-block{height:134.4px;padding:0 20px;display:grid;grid-template-columns:minmax(0,1fr) 26px;gap:14px;align-items:center;border-bottom:1px solid var(--line);overflow:hidden}.menu-block:hover{background:var(--acid)}.menu-block h2{max-width:100%;font:400 clamp(24px,2.1vw,36px)/.98 Georgia,serif;letter-spacing:-.04em;margin:0 0 8px;overflow-wrap:anywhere}.menu-block p{font-size:12px;line-height:1.35;max-width:100%;margin:0;color:#666}.arrow{font-size:24px;align-self:start;justify-self:end}
.collection,.catalogue-page{padding:80px 3vw 120px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-head h2{font:400 clamp(34px,4vw,58px)/.95 Georgia,serif;letter-spacing:-.045em;margin:10px 0 0}.section-head>a{font-size:13px}.family-filter{margin:0 0 26px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.alphabet-filter{display:grid;grid-template-columns:repeat(27,minmax(26px,1fr));border-bottom:1px solid var(--line)}.alphabet-filter button{min-width:0;height:34px;padding:0;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.alphabet-filter button:last-child{border-right:0}.alphabet-filter button:hover,.alphabet-filter button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.name-search{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:9px 12px}.name-search label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.name-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:14px}.filter-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.filter-empty{padding:48px 0;border-top:1px solid var(--line)}.catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}.type-card{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:22px 18px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.type-card[hidden]{display:none}.type-card:nth-child(3n+1){padding-left:0}.type-card:nth-child(3n){padding-right:0;border-right:0}.type-card-title{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding-bottom:14px}.type-card-title strong{font-size:20px}.type-card-title span{font-size:12px;color:var(--muted)}.type-card-image{position:relative;overflow:hidden;background:var(--acid)}.type-card-image img{display:block;width:100%;height:auto}.type-card::after{content:"";position:absolute;inset:0;background:var(--acid);mix-blend-mode:multiply;opacity:0;pointer-events:none;transition:opacity .25s ease}.type-card:hover::after,.type-card:focus-visible::after{opacity:1}.placeholder{aspect-ratio:8/3;display:grid;place-items:center;border:1px solid var(--line);background:repeating-linear-gradient(135deg,#e4e3dd,#e4e3dd 1px,transparent 1px,transparent 12px);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#777}
.inner-hero{padding:70px 3vw 55px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.inner-hero h1{grid-column:1/-1;font-size:clamp(48px,8.4vw,126px);line-height:.8;letter-spacing:-.075em;font-weight:500;margin:8vh 0}.inner-hero>p:last-child{grid-column:2;font-size:20px;max-width:470px;line-height:1.4}.filters{display:flex;gap:8px;margin:0 0 32px;overflow:auto}.filters a{border:1px solid var(--line);border-radius:40px;padding:9px 14px;white-space:nowrap;font-size:13px}.filters a:hover,.filters .active{background:var(--ink);color:#fff;border-color:var(--ink)}
.detail{padding:40px 3vw 100px}.detail-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.type-identity{margin:55px 0 32px;border-bottom:1px solid var(--ink)}.type-identity img{display:block;width:100%;height:auto}.type-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:3vw;align-items:stretch;padding:0 0 80px;border-bottom:1px solid var(--line)}.type-phrase{position:relative;min-height:100%}.type-phrase img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:left top}.type-info{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));height:100%;font-size:14px;margin:0}.type-info div{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.type-info div:last-child{border-bottom:1px solid var(--line)}.type-info dt{color:#777}.type-info dd{margin:0}.image-section,.styles-section{border-top:1px solid;padding:20px 0 100px}.image-heading,.styles-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.image-heading h2,.styles-heading h2{font:400 clamp(29px,4.2vw,60px) Georgia,serif;letter-spacing:-.05em;margin:12px 0 0}.image-heading small,.styles-heading small{font-size:12px;color:#6b6b65;padding-bottom:10px}.image-section img{display:block;width:100%;height:auto;border:1px solid var(--line)}.style-stack{border-top:1px solid var(--line)}.style-stack figure{margin:0;padding:18px 0 30px;border-bottom:1px solid var(--line)}.style-stack figcaption{display:grid;grid-template-columns:1fr auto;align-items:center;margin-bottom:14px;font-size:12px}.style-stack figcaption strong{font-size:15px}.style-stack figcaption span{color:#777}.style-stack img{display:block;width:100%;height:auto;border:1px solid var(--line)}.home-return{margin-top:50px;background:var(--acid);padding:12px 16px;display:flex;justify-content:space-between;gap:16px;align-items:center}.home-return strong{font:400 clamp(16px,2vw,22px) Georgia,serif}.home-return span{font-size:16px}
.term-list{padding:0 3vw 120px}.term-list a{display:grid;grid-template-columns:1fr 1.2fr 40px;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:28px 0}.term-list h2{font:400 clamp(38px,5vw,70px) Georgia,serif;margin:0}.term-list p{color:#666;line-height:1.45}.empty-state{padding:80px 0;border-top:1px solid var(--line)}.site-footer{padding:40px 3vw;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;font-size:13px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.classification-tree{padding:56px 3vw 120px}.classification-level{display:grid;gap:0}.classification-tree>.classification-level{grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--line)}.classification-node{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.classification-node summary{min-height:104px;padding:22px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;cursor:pointer;list-style:none}.classification-node summary::-webkit-details-marker{display:none}.classification-node summary>span:first-child{font:400 clamp(30px,3.5vw,54px)/.95 Georgia,serif;letter-spacing:-.045em}.classification-toggle{font-size:13px;text-transform:uppercase;letter-spacing:.08em}.classification-node[open]>.classification-node-head .classification-toggle::before{content:'−'}.classification-node:not([open])>.classification-node-head .classification-toggle::before{content:'+'}.classification-node-head:hover{background:var(--acid)}.classification-node-body{border-top:1px solid var(--line);padding:0 24px 24px}.classification-description{max-width:520px;margin:18px 0;color:var(--muted);font-size:14px;line-height:1.45}.classification-view{display:inline-block;margin:0 0 18px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid}.classification-node .classification-level{border-top:1px solid var(--line);border-left:1px solid var(--line)}.classification-node .classification-node{border-right:0}.classification-node .classification-node summary{min-height:76px;padding:16px 18px}.classification-node .classification-node summary>span:first-child{font-size:clamp(23px,2.2vw,34px)}.classification-leaf{min-height:68px;padding:15px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.classification-leaf:last-child{border-bottom:0}.classification-leaf:hover{background:var(--acid)}.classification-leaf strong{display:block;font:400 clamp(21px,2vw,30px)/1 Georgia,serif}.classification-leaf small{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.35}.classification-leaf>span:last-child{font-size:22px}
.learning-page{padding:0 3vw 120px}.learning-page p,.learning-page li{font-size:16px;line-height:1.55}.learning-lead{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:3vw;padding:56px 0 72px;border-bottom:1px solid var(--ink)}.learning-lead strong{font:400 clamp(34px,4.5vw,66px)/1.02 Georgia,serif;letter-spacing:-.045em}.learning-lead p{max-width:560px;margin:8px 0 0}.learning-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}.learning-nav a{padding:16px;border-right:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.learning-nav a:first-child{padding-left:0}.learning-nav a:last-child{border-right:0}.learning-nav a:hover{background:var(--acid)}.learning-section{padding:76px 0;border-bottom:1px solid var(--ink);scroll-margin-top:30px}.learning-section-head{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:3vw;margin-bottom:42px}.learning-section h2{font:400 clamp(38px,5vw,72px)/.95 Georgia,serif;letter-spacing:-.05em;margin:0}.learning-section-head>p{max-width:640px;margin:8px 0 0}.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.learning-card{min-width:0;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.learning-card h3{font:400 27px/1 Georgia,serif;margin:0 0 16px}.learning-card p{margin:0;color:var(--muted)}.learning-timeline{border-top:1px solid var(--line)}.learning-time{display:grid;grid-template-columns:140px minmax(180px,1fr) minmax(0,2fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}.learning-time time{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.learning-time h3{font:400 26px/1 Georgia,serif;margin:0}.learning-time p{margin:0;color:var(--muted)}.learning-note{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:3vw;margin-top:36px;padding:28px;background:var(--acid)}.learning-note h3{font:400 30px/1 Georgia,serif;margin:0}.learning-note p{margin:0}.learning-garamont{background:var(--ink);color:var(--paper);padding:76px 3vw;margin:0 -3vw}.learning-garamont .learning-section-head{border-bottom:1px solid #555;padding-bottom:36px}.learning-garamont .learning-grid{border-color:#555}.learning-garamont .learning-card{border-color:#555}.learning-garamont .learning-card p{color:#c8c7c0}.learning-garamont .learning-card strong{display:block;margin-bottom:10px;color:var(--acid);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.learning-checklist{counter-reset:learning-step;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.learning-checklist>div{counter-increment:learning-step;display:grid;grid-template-columns:42px 1fr;gap:18px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.learning-checklist>div::before{content:counter(learning-step,decimal-leading-zero);font-size:12px;letter-spacing:.08em}.learning-checklist h3{font:400 25px/1 Georgia,serif;margin:0 0 12px}.learning-checklist p{margin:0;color:var(--muted)}.learning-exercise{display:grid;grid-template-columns:1fr 2fr;gap:3vw;padding:32px;border:1px solid var(--ink)}.learning-exercise h3{font:400 32px/1 Georgia,serif;margin:0}.learning-exercise ol{margin:0;padding-left:20px}.learning-sources{padding:46px 0}.learning-sources h2{font:400 32px Georgia,serif}.learning-sources a{border-bottom:1px solid}.learning-sources li{margin-bottom:8px;font-size:14px}
.learning-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--line);margin-bottom:40px}.learning-compare article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.learning-compare h3{font:400 clamp(26px,3vw,42px)/1 Georgia,serif;margin:10px 0 16px}.learning-compare article>p:last-child{color:var(--muted);max-width:600px}.learning-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.learning-visual-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px}.learning-visual-grid figure{min-width:0;margin:0;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.learning-visual-grid img,.learning-visual-wide img,.learning-band img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.learning-visual-grid figcaption,.learning-band figcaption{margin-top:14px;color:var(--muted);font-size:13px;line-height:1.45}.learning-visual-wide{padding:24px 0;border-top:1px solid var(--line)}.learning-visual-wide+ .learning-visual-wide{border-bottom:1px solid var(--line)}.learning-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.learning-rules article{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.learning-rules h3{font:400 30px/1 Georgia,serif;margin:10px 0 16px}.learning-rules article>p:not(.eyebrow){color:var(--muted)}.learning-example{margin-top:12px;padding:12px;border:1px solid var(--line);font-size:14px}.learning-example span{display:block;margin-bottom:5px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.learning-example.is-correct{border-color:var(--ink)}.learning-band{margin:38px 0 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.learning-punctuation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.learning-punctuation>div{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.learning-punctuation strong{font:400 27px Georgia,serif}.learning-punctuation p{color:var(--muted)}.learning-punctuation code{display:block;padding:14px;background:#e5e4df;white-space:normal;font-family:Arial,Helvetica,sans-serif;font-size:14px}
.rules-page{--good:#d8ff36;--bad:#e4e3dd}.rules-page code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.space-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--line)}.space-demo-grid article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.space-demo-grid h3{font:400 30px/1 Georgia,serif;margin:18px 0 12px}.space-demo-grid article>p:not(.eyebrow){max-width:520px;color:var(--muted)}.space-scale{min-height:110px;display:flex;align-items:center;font:400 clamp(58px,8vw,110px)/1 Georgia,serif}.space-scale i{height:.72em;background:var(--acid);border-left:1px solid var(--ink);border-right:1px solid var(--ink)}.space-scale .is-thin{width:.18em}.space-scale .is-full{width:.5em}.rules-callout{display:grid;grid-template-columns:minmax(180px,2fr) minmax(0,3fr);gap:3vw;margin-top:36px;padding:28px;background:var(--ink);color:var(--paper)}.rules-callout strong{font:400 30px/1 Georgia,serif}.rules-callout p{margin:0}.rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.rule-card{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.rule-card h3{font:400 clamp(27px,3vw,40px)/1 Georgia,serif;margin:10px 0 16px}.rule-card>p:not(.eyebrow):not(.rule-note){min-height:74px;color:var(--muted)}.rule-pair{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.rule-pair>div{min-width:0;padding:16px}.rule-pair>div+div{border-left:1px solid var(--line)}.rule-pair small{display:block;margin-bottom:10px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.rule-pair strong{font:400 clamp(21px,2.3vw,34px)/1.1 Georgia,serif;overflow-wrap:anywhere}.rule-pair .is-right{background:var(--good)}.rule-pair .is-wrong{background:var(--bad);color:#696963}.rule-note{margin:14px 0 0;font-size:13px!important;color:var(--muted)}.space-mark{display:inline-block;height:.72em;vertical-align:-.03em;background:rgba(17,17,15,.2);border-left:1px solid currentColor;border-right:1px solid currentColor}.space-mark.is-thin{width:.18em}.space-mark.is-full{width:.5em}.rules-specimen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--line);margin-bottom:40px}.rules-specimen>div{min-width:0;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.rules-specimen>div>span:first-child,.rules-specimen small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.rules-specimen strong{display:block;margin:20px 0;font:400 clamp(34px,4.2vw,62px)/1 Georgia,serif;white-space:nowrap}.rules-grid-compact .rule-card>p:not(.eyebrow){min-height:0}.rules-table-wrap{overflow-x:auto;border-top:1px solid var(--ink)}.rules-table{width:100%;border-collapse:collapse;min-width:680px}.rules-table th,.rules-table td{padding:18px;text-align:left;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.rules-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.rules-table td:last-child{font:400 22px Georgia,serif}.rules-tool{background:var(--acid);color:var(--ink)}.rules-tool code{padding:2px 5px;background:rgba(255,255,255,.55)}.rules-sources p{max-width:820px}.rules-sources a{border-bottom:1px solid}
@media(max-width:1100px) and (min-width:761px){.home-index{grid-template-columns:1fr}.home-title{min-height:620px;border-right:0;border-bottom:1px solid var(--line)}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,112px)}.menu-block{height:112px;padding:0 16px}.menu-block:first-child{grid-column:1/-1}.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type-card:nth-child(n){padding:18px;border-right:1px solid var(--line)}.type-card:nth-child(odd){padding-left:0}.type-card:nth-child(even){padding-right:0;border-right:0}.alphabet-filter{grid-template-columns:repeat(14,1fr)}.alphabet-filter button:nth-child(14){border-right:0}.learning-grid,.learning-visual-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.site-header{grid-template-columns:1fr auto;height:70px}.site-nav{display:none}.header-actions{gap:12px}.site-menu-panel{top:calc(100% + 14px)}.home-index{grid-template-columns:1fr}.home-title{min-height:620px;border-right:0;border-bottom:1px solid var(--line)}.home-title h1{font-size:72px}.home-title>p:not(.eyebrow){margin-left:15%}.menu-grid{grid-template-columns:1fr;grid-template-rows:repeat(5,134.4px)}.menu-block{height:134.4px}.alphabet-filter{grid-template-columns:repeat(7,1fr)}.alphabet-filter button:nth-child(7n){border-right:0}.name-search{grid-template-columns:1fr;gap:8px}.catalogue-grid{grid-template-columns:1fr}.type-card:nth-child(n){padding:16px 0 28px;border-right:0}.section-head{align-items:start}.section-head>a{max-width:95px}.inner-hero{grid-template-columns:1fr}.inner-hero>p:last-child{grid-column:1}.type-grid{grid-template-columns:1fr;gap:45px}.type-phrase{min-height:0}.type-phrase img{position:static;height:auto}.image-heading,.styles-heading{display:block}.image-heading small,.styles-heading small{display:block;margin-top:15px}.style-stack figcaption{grid-template-columns:1fr}.style-stack figcaption span{display:none}.term-list a{grid-template-columns:1fr 30px}.term-list p{display:none}.classification-tree>.classification-level{grid-template-columns:1fr}.classification-node summary{min-height:82px;padding:18px}.classification-node-body{padding:0 18px 18px}.classification-leaf{padding:14px}.learning-lead,.learning-section-head,.learning-note,.learning-exercise,.rules-callout{grid-template-columns:1fr}.learning-nav,.learning-compare,.learning-visual-grid,.learning-visual-grid-three,.learning-rules,.learning-punctuation,.space-demo-grid,.rules-grid{grid-template-columns:1fr}.learning-nav{grid-template-columns:repeat(2,1fr)}.learning-nav a:nth-child(2){border-right:0}.learning-grid,.learning-checklist{grid-template-columns:1fr}.learning-time{grid-template-columns:80px 1fr}.learning-time p{grid-column:2}.learning-garamont{padding-top:58px;padding-bottom:58px}.learning-visual-grid figure,.learning-rules article,.learning-punctuation>div{padding:18px}.rules-specimen{grid-template-columns:repeat(2,minmax(0,1fr))}.rule-card{padding:20px}.rule-card>p:not(.eyebrow):not(.rule-note){min-height:0}.site-footer{grid-template-columns:1fr;gap:25px}}
@media(max-width:480px){.school-mark{display:none}.header-logo-image,.custom-logo{max-width:58vw}.site-menu-panel{right:-1vw;width:92vw}}
.instructions-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.instructions-overview article{min-width:0;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.instructions-overview strong{font:400 27px/1 Georgia,serif}.instructions-overview p{margin:14px 0 0;color:var(--muted)}.instructions-path{display:flex;align-items:stretch;overflow-x:auto;margin-bottom:34px;border:1px solid var(--ink)}.instructions-path span{flex:1 0 auto;min-width:180px;padding:18px 22px;font:400 clamp(22px,2.4vw,34px)/1 Georgia,serif}.instructions-path b{display:grid;place-items:center;min-width:48px;border-right:1px solid var(--line);border-left:1px solid var(--line);font-size:20px}.instructions-server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.instructions-server-grid article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.instructions-server-grid h3{font:400 clamp(26px,3vw,40px)/1 Georgia,serif;margin:16px 0}.instructions-server-grid p:last-child{color:var(--muted)}.instructions-editable{background:var(--acid)}.instructions-callout{display:grid;grid-template-columns:minmax(180px,2fr) minmax(0,3fr);gap:3vw;margin-top:34px;padding:28px;border:1px solid var(--ink)}.instructions-callout strong{font:400 30px/1 Georgia,serif}.instructions-callout p{margin:0}.instructions-callout-dark{background:var(--ink);color:var(--paper)}.instructions-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.instructions-steps article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.instructions-steps article>span{font-size:11px;letter-spacing:.08em}.instructions-steps h3{font:400 26px/1 Georgia,serif;margin:0 0 12px}.instructions-steps p{margin:0;color:var(--muted)}
@media(max-width:760px){.instructions-overview,.instructions-server-grid,.instructions-steps,.instructions-callout{grid-template-columns:1fr}.instructions-path span{min-width:150px}.instructions-nav{grid-template-columns:1fr}.instructions-nav a{border-right:0;border-bottom:1px solid var(--line)}}
.instructions-steps article>p:empty{display:none}.instructions-steps article>span,.instructions-steps .instruction-number{grid-column:1;grid-row:1}.instructions-steps article>div:not(.instruction-number){grid-column:2;grid-row:1}
.instructions-callout-dark{display:block;background:var(--acid);color:var(--ink);font:400 clamp(24px,2.6vw,40px)/1.18 Georgia,serif}.instructions-callout-dark>strong:first-child{display:block;margin:0 0 24px;font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.1em;text-transform:uppercase}.instructions-callout-dark>strong:not(:first-child){font:inherit;font-weight:700}.instructions-callout-dark>p{max-width:none}.instructions-callout-dark>p:empty{display:none}
.instructions-overview article{color:var(--muted);font-size:15px;line-height:1.45}.instructions-overview article>strong:first-child{display:block;margin:0 0 12px;color:var(--ink);font:400 30px/1 Georgia,serif}.instructions-overview article>p{margin:0}.instructions-overview article>p:empty{display:none}
.instructions-overview article::before{display:grid;place-items:center;width:40px;height:40px;margin:0 0 22px;border:1px solid var(--ink);border-radius:50%;color:var(--ink);font:400 22px/1 Arial,Helvetica,sans-serif}.instructions-overview article:nth-child(1)::before{content:"↕"}.instructions-overview article:nth-child(2)::before{content:"≡"}.instructions-overview article:nth-child(3)::before{content:"⌕"}.instructions-overview article:nth-child(4)::before{content:"◉"}.instructions-overview article:nth-child(5)::before{content:"⇄"}.instructions-overview article:nth-child(6)::before{content:"✓"}.instructions-page .instructions-server-grid{grid-template-columns:1fr}.instructions-page .instructions-editable{display:none}.instructions-page .learning-section-head{grid-template-columns:1fr}.instructions-page .learning-section-head>p{margin-top:18px}.instructions-page .learning-section-head h2{font-size:clamp(38px,4vw,64px)}
@media(min-width:761px){.instructions-page .learning-section-head h2{white-space:nowrap}}