.cn{--ink:#1b3641;--teal:#346862;--clay:#9e422f;--paper:#fffdf5;--bg:#f7f3e8;--muted:#4e605e;--line:#d3d1bd}
.cn-cover{background:#253f43;color:#fff6e7;border-bottom:5px solid #bc7457;position:relative}.cn-cover-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:clamp(1.3rem,4.6vw,4.7rem);padding-block:2.6rem;align-items:center}.cn-cover-grid>*{min-width:0}
.cn-eyebrow{display:flex;align-items:center;gap:.55rem;margin:0;color:#f1c7a5;text-transform:uppercase;font:740 .68rem/1.5 system-ui,sans-serif;letter-spacing:.15em}.cn-eyebrow i{font-style:normal;opacity:.66}.cn-eyebrow span{display:inline-block;width:17px;height:14px;background:repeating-linear-gradient(115deg,#d18b64 0 3px,transparent 3px 5px)}
.cn-cover h1{font:500 clamp(2.55rem,4.5vw,4.3rem)/1.03 var(--serif);color:#fff6df;letter-spacing:-.048em;margin:.85rem 0 1.35rem}.cn-cover h1 em{font-weight:400;color:#edc29a}.cn-lead{font:500 clamp(1.12rem,1.58vw,1.4rem)/1.45 var(--serif);max-width:40ch;margin:.5rem 0;color:#fcf3e0}.cn-intro{font-size:.91rem;line-height:1.7;max-width:54ch;color:#dbe6dc;margin:.6rem 0 1.25rem}.cn-credit{font:.73rem/1.6 system-ui,sans-serif;color:#d0dad3;max-width:56ch;margin:1.2rem 0 0}.cn a.cn-primary{background:#eac096;border-color:#eac096;color:#263d40}.cn a.cn-primary:hover{background:#f6d6ad}.cn a.cn-textlink{color:#fff2d7;font-size:.82rem;font-weight:650}
.cn-plate{margin:0;background:#f8f4e7;color:var(--ink);border:1px solid #bdb6a2;border-top:3px solid #cd8662;box-shadow:7px 7px 0 #152f3370}.cn-plate figcaption{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.57rem .9rem;color:#5b584a;font:700 .6rem/1.5 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;border-bottom:1px solid #d4d0bb}.cn-plate figcaption b{font-weight:550}.cn-plate svg{display:block;width:100%;height:auto}.cn-switch{border-block:1px solid var(--line);padding:.42rem .75rem;display:flex;gap:.35rem;background:#ebe9d9}.cn-switch button{font:650 .74rem/1.4 system-ui,sans-serif;color:#3d5653;background:#f8f6e9;border:1px solid #a6b3a4;padding:.35rem .6rem;border-radius:3px}.cn-switch [aria-pressed=true]{background:#97503b;border-color:#97503b;color:white}#cn-plate-reading{padding:.75rem .9rem .9rem}#cn-plate-reading h2{font:500 1.35rem/1.2 var(--serif);color:var(--ink);margin:0}#cn-plate-reading p{font-size:.78rem;line-height:1.55;margin:.4rem 0;color:var(--muted)}#cn-plate-reading a{font-size:.76rem;font-weight:680}.cn-small-source{display:block;font-size:.65rem;color:var(--muted);margin-top:.35rem}
.cn .sj-nav{background:#eae8da}.cn .sj-heading h2{max-width:35ch}.cn .sj-docpair article a{font-size:.76rem;font-weight:650}.cn .sj-docpair h4{font-size:1.25rem}.cn .sj-docpair .cn-doc-title{font:italic .88rem/1.5 var(--serif);color:#515e58;margin:.4rem 0}.cn .sj-questions{scroll-margin-top:calc(var(--cn-header,125px) + var(--cn-nav,46px) + 12px)}
.cn-corpus{border:1px solid var(--line);background:var(--paper)}.cn-controls{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:.75rem;padding:1rem;background:#e9ecdf;border-bottom:1px solid var(--line)}.cn-controls label,.cn-entry-area>label{display:block;color:#405953;font:700 .73rem/1.4 system-ui,sans-serif}.cn-controls :is(input,select),.cn-entry-area>select{display:block;width:100%;min-width:0;border:1px solid #a4b4a6;color:var(--ink);padding:.54rem .52rem;border-radius:2px;background:#fffdf4;font-size:.79rem;line-height:1.4;margin-top:.3rem}.cn-controls button{padding:.5rem .65rem;border:1px solid #9bac9b;color:#324c46;background:#f5f4e8;border-radius:2px;font-size:.78rem}
.cn-matrix-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.cn-tiles-area,.cn-entry-area{padding:1.15rem;min-width:0}.cn-tiles-area{border-right:1px solid var(--line)}.cn-result-line{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:0 0 .7rem;font-size:.76rem}.cn-result-line span,.cn-tiles-area>small{font-size:.68rem;color:var(--muted);line-height:1.5}#cn-tiles{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:.25rem;align-content:start}.cn-cell{--tile:#aab9ae;display:grid;place-content:center;border:1px solid #b7b9ac;border-top:4px solid var(--tile);background:#f7f4e6;color:#254748;min-width:0;height:35px;padding:0;font:700 .72rem/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}.cn-cell:hover{background:#e4eada}.cn-cell[aria-pressed=true]{background:#234c50;color:white;box-shadow:inset 0 -2px #173441}.cn-key-central,.cn-cell.cn-key-central{--tile:#3e7669}.cn-key-complementar,.cn-cell.cn-key-complementar{--tile:#b68742}.cn-key-periferico,.cn-cell.cn-key-periferico{--tile:#a56c60}.cn-key-outro,.cn-cell.cn-key-outro{--tile:#74879b}.cn-key{display:flex;flex-wrap:wrap;gap:.45rem .8rem;margin:.85rem 0 .4rem}.cn-key span{font-size:.68rem;color:#415954}.cn-key span::before{content:"";display:inline-block;width:.57rem;height:.57rem;background:var(--tile);margin-right:.25rem}.cn-entry-area{background:#f6f1e5}.cn-entry-area select{max-width:100%}
#cn-record h3{font:500 1.35rem/1.22 var(--serif);margin:.55rem 0 .55rem;overflow-wrap:anywhere}.cn-record-attribution{margin:.75rem 0 .3rem;font-size:.74rem;color:#774632;font-weight:650}.cn-position-line{display:flex;flex-wrap:wrap;gap:.4rem;margin:.65rem 0 .8rem}.cn-position-line span{font-size:.65rem;font-weight:650;padding:.24rem .4rem;border:1px solid var(--line);background:var(--paper)}#cn-record h4{font:700 .67rem/1.4 system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#87513a;margin:.7rem 0 .25rem}#cn-record p{font-size:.84rem;line-height:1.6}#cn-record p:not(.cn-record-attribution){margin:.25rem 0}.cn-empty{grid-column:1/-1;padding:1.2rem;font-size:.85rem}
@media(max-width:850px){.cn-cover-grid{gap:1.5rem}.cn-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cn-matrix-layout{grid-template-columns:1fr}.cn-tiles-area{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:690px){.cn-cover-grid{grid-template-columns:1fr;gap:1.25rem;padding-block:1.55rem}.cn-cover h1 br{display:none}.cn-cover h1{font-size:clamp(2.65rem,8.8vw,3.6rem);margin:.65rem 0 1rem}.cn-lead{font-size:1.13rem}.cn-intro{font-size:.86rem}.cn-plate{box-shadow:3px 3px 0 #152f3370}.cn-credit{margin-top:.8rem}.cn-tiles-area,.cn-entry-area,.cn-controls{padding:.8rem}}
@media(max-width:480px){.cn-controls{grid-template-columns:1fr}.cn-controls button{justify-self:start}#cn-tiles{grid-template-columns:repeat(8,minmax(0,1fr))}.cn-cell{height:32px}.cn-switch{padding:.4rem .5rem}.cn-switch button{padding:.36rem .5rem;font-size:.7rem}}
