:root { --acgi: 1280px; --akpe-na: clamp(20px, 4vw, 48px); --co-ag: min(var(--acgi), 100% - (2 * var(--akpe-na))); --ak: clamp(64px, 8vw, 132px); --coji-ak: clamp(44px, 5vw, 80px); --ne: clamp(20px, 3vw, 40px); --ji-ac: clamp(32px, 6vw, 96px); --pele-da: 4px; --nede-ji: 8px; --oc-an: 12px; --ki-ge: 16px; --poto: 24px; --an-je: 32px; --nige-pe: clamp(32px,4vw,64px); --nean: clamp(24px,3vw,40px); --teta-na: Georgia, "Times New Roman", serif; --koga: "Segoe UI", system-ui, -apple-system, Arial, sans-serif; --okja: 500; --acta-ta: -.02em; --te-li: 1.08; --on: 4px; --da-ni: 6px; --ogpe-de: 2px; --lo-ga: 0 6px 20px rgba(15, 22, 20, .08); --no-no: #F5F0E7; --ka-li: #FFFFFF; --lopo: #E8DFD1; --tico-ji: #17231D; --kaji: #47564E; --jo-gi: rgba(23, 35, 29, .20); --doti: #183B2B; --jako: #0F2A1D; --co: #D8E2D8; --onte-ak: #FFFFFF; --ok-ni: #9C4B2B; --po: #E2B98F; --ogac: #101B15; --no-ga: #E4E9E3; --cale-ce: #A9B6AC; }
:root { --teta-na: Garamond, "EB Garamond", "Book Antiqua", Georgia, serif; --koga: "Trebuchet MS", "Segoe UI", system-ui, Arial, sans-serif; --okja: 500; --acta-ta: 0; --te-li: 1.1; }
html:lang(zh) { --no-jo: "PingFang HK", "PingFang TC", "Microsoft JhengHei", "Noto Sans CJK TC", "Noto Sans TC", "Source Han Sans TC", sans-serif; --pedi: "Songti TC", "LiSong Pro", "PMingLiU", "MingLiU", "Noto Serif CJK TC", "Noto Serif TC", "Source Han Serif TC", serif; --koga: "Segoe UI", system-ui, -apple-system, Arial, var(--no-jo); --acta-ta: 0; --te-li: 1.3; }
html:lang(zh):root { --teta-na: Garamond, "Book Antiqua", Georgia, var(--pedi); --koga: "Trebuchet MS", "Segoe UI", Arial, var(--no-jo); }
:root { --on: 6px; --da-ni: 10px; --ogpe-de: 4px; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: var(--no-no); color: var(--tico-ji); font-family: var(--koga); font-size: clamp(16px, .4vw + 15px, 17.5px); line-height: 1.65; }
body.cagiok { overflow: hidden; }
img, svg, iframe { display: block; max-width: 100%; }
img { height: auto; }
a { color: var(--ok-ni); }
button, input, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
.nepa { width: var(--co-ag); margin-inline: auto; min-width: 0; }
.oggi { padding-block: var(--ak); position: relative; }
.doci { padding-block: var(--coji-ak); }
.daok { padding-block: 0; }
.onagte { background: var(--no-no); color: var(--tico-ji); --na-de: var(--ka-li); }
.okka { background: var(--ka-li); color: var(--tico-ji); --na-de: var(--lopo); }
.dape { background: var(--lopo); color: var(--tico-ji); --na-de: var(--ka-li); }
.anne { background: var(--doti); color: var(--onte-ak); }
:root { --na-de: var(--ka-li); }
.anne > *, .ceci:not(.jipo) > * { --tico-ji: var(--no-ga); --kaji: var(--cale-ce); --ok-ni: var(--po); --jo-gi: rgba(255,255,255,.20); --ka-li: rgba(255,255,255,.06); --lopo: rgba(255,255,255,.09); --doti: var(--no-ga); --jako: var(--no-no); --co: rgba(255,255,255,.24); --onte-ak: var(--ogac); --na-de: rgba(255,255,255,.07); }
.anne :is(h1,h2,h3,h4) { color: inherit; }
h1, h2, h3 { font-family: var(--teta-na); font-weight: var(--okja); line-height: var(--te-li); letter-spacing: var(--acta-ta); margin: 0 0 .5em; hyphens: auto; overflow-wrap: anywhere; text-wrap: balance; }
h1 { font-size: clamp(2.1rem, 5.2vw, 4.4rem); }
h2 { font-size: clamp(1.7rem, 3.6vw, 3.1rem); }
h3 { font-size: clamp(1.2rem, 1.6vw + .55rem, 1.65rem); }
p { margin: 0 0 1.1em; hyphens: auto; overflow-wrap: break-word; }
a[href^="mailto:"] { overflow-wrap: anywhere; }
p:last-child { margin-bottom: 0; }
.jeakte { font-size: clamp(1.05rem, .6vw + .95rem, 1.32rem); line-height: 1.5; color: var(--kaji); max-width: 62ch; }
.lian { display: flex; align-items: center; gap: 10px; font-family: var(--koga); font-size: .75rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--ok-ni); margin: 0 0 1.1em; }
.lian::before { content: ""; width: 30px; height: 1px; background: currentColor; flex: none; }
.cine::before { display: none; }
.okpeok { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 12px 24px; border: 1px solid var(--doti); border-radius: var(--ogpe-de); background: var(--doti); color: var(--onte-ak); font-family: var(--koga); font-weight: 700; font-size: .92rem; line-height: 1.2; text-decoration: none; text-align: center; transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; min-width: 0; max-width: 100%; }
.okpeok:hover { background: var(--jako); border-color: var(--jako); color: var(--onte-ak); transform: translateY(-2px); }
.lepaca { background: transparent; color: var(--doti); }
.lepaca:hover { background: var(--doti); color: var(--onte-ak); }
.kato { background: var(--no-no); border-color: var(--no-no); color: var(--ogac); }
.kato:hover { background: var(--ka-li); border-color: var(--ka-li); color: var(--ogac); }
.diji { background: transparent; border-color: var(--cale-ce); color: var(--no-ga); }
.diji:hover { background: var(--no-ga); border-color: var(--no-ga); color: var(--ogac); }
.onko { min-height: 42px; padding: 9px 17px; font-size: .86rem; }
.nato { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 1.8em; }
.nato .okpeok { flex: 0 1 auto; }
.jicele { margin-bottom: var(--nige-pe); max-width: 72ch; }
.jicele h2 { margin-bottom: .35em; }
.jicele p { color: var(--kaji); max-width: 62ch; margin: 0; }
.jige { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: var(--ne); max-width: none; align-items: end; }
.cace { margin: 0; overflow: hidden; background: var(--lopo); border-radius: var(--da-ni); min-width: 0; }
.cace img { width: 100%; height: 100%; object-fit: cover; }
.jino { aspect-ratio: 3/2; }
.codo { display: block; min-width: 0; margin: 0; }
.codo > label { display: block; font-size: .8rem; font-weight: 800; letter-spacing: .04em; margin-bottom: 6px; color: var(--tico-ji); }
.codo input, .codo textarea { width: 100%; min-width: 0; min-height: 52px; padding: 13px 15px; border: 1px solid var(--jo-gi); border-radius: var(--on); background: var(--ka-li); color: var(--tico-ji); }
.codo textarea { min-height: 150px; resize: vertical; }
.codo input:focus, .codo textarea:focus { outline: 2px solid var(--doti); outline-offset: 1px; border-color: var(--doti); }
.kedeti { grid-column: 1 / -1; }
.codo .geag { display: block; min-height: 1.15em; margin-top: 5px; font-size: .78rem; font-weight: 700; color: #A3231F; }
.codo input[aria-invalid="true"], .codo textarea[aria-invalid="true"] { border-color: #A3231F; }
.dece { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); gap: 16px 18px; }
.pojook { font-size: .82rem; color: var(--kaji); margin: 16px 0 0; }
.talo { margin-top: 14px; min-height: 1.4em; font-weight: 700; font-size: .9rem; }
.talo[data-nena-no="error"] { color: #A3231F; }
.talo[data-nena-no="ok"] { color: var(--doti); }
.nope { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.ledi { position: fixed; z-index: 1000; left: 16px; top: -120px; background: var(--ka-li); color: var(--tico-ji); padding: 12px 18px; border: 1px solid var(--jo-gi); border-radius: var(--on); text-decoration: none; font-weight: 700; }
.ledi:focus { top: 16px; }
:is(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 3px solid var(--ok-ni); outline-offset: 3px; }
.dagili { max-width: 78ch; overflow-wrap: anywhere; }
.dagili > :first-child { margin-top: 0; }
.dagili h2 { font-size: clamp(1.45rem, 2.4vw, 2.1rem); margin-top: 1.6em; }
.dagili a { color: var(--ok-ni); }
.dagili table { width: 100%; max-width: 100%; border-collapse: collapse; table-layout: fixed; }
.dagili th, .dagili td { text-align: left; padding: 12px; border-bottom: 1px solid var(--jo-gi); vertical-align: top; overflow-wrap: anywhere; hyphens: auto; }
@media (max-width:520px) {
  .dagili table { font-size: .9rem; }
  .dagili th, .dagili td { padding: 9px 7px; }
}
.kikeok { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.kikeok table { min-width: 560px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
  .okpeok:hover { transform: none; }
}
.ocanjo { position: sticky; top: 0; z-index: 100; background: color-mix(in srgb, var(--no-no) 92%, transparent); border-bottom: 1px solid var(--jo-gi); }
.ocanjo::before { content: ""; position: absolute; inset: 0; z-index: -1; backdrop-filter: blur(14px); }
@supports not (background: color-mix(in srgb, red 50%, blue)) {
  .ocanjo { background: var(--no-no); }
}
.aktedo { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 76px; }
.goocte { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; min-width: 0; }
.toge { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: var(--on); background: var(--doti); color: var(--onte-ak); font-family: var(--teta-na); font-size: 1.3rem; line-height: 1; }
.galo { display: block; font-weight: 750; font-size: 1.12rem; letter-spacing: -.02em; line-height: 1.15; overflow-wrap: anywhere; }
.nola { display: block; font-weight: 500; font-size: .66rem; letter-spacing: .11em; text-transform: uppercase; color: var(--kaji); hyphens: auto; overflow-wrap: anywhere; }
.cage { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: clamp(8px, 1.4vw, 26px); min-width: 0; }
.cage a:not(.okpeok) { font-size: .9rem; font-weight: 650; text-decoration: none; color: var(--tico-ji); white-space: normal; overflow-wrap: anywhere; min-width: 0; }
.cage .okpeok { white-space: nowrap; }
.cage a:not(.okpeok):hover, .cage a[aria-current="page"]:not(.okpeok) { color: var(--ok-ni); }
.peki { display: none; width: 48px; height: 48px; padding: 12px; border: 1px solid var(--jo-gi); border-radius: var(--on); background: transparent; color: var(--tico-ji); flex: none; }
.peki span:not(.nope) { display: block; height: 2px; background: currentColor; margin: 5px 0; }
@media (max-width:820px) {
  .aktedo { min-height: 66px; position: relative; }
  .peki { display: block; }
  .cage { display: none; position: fixed; inset: 66px 0 0 0; z-index: 99; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0; padding: 20px var(--akpe-na) 40px; background: var(--no-no); overflow-y: auto; }
  .cage.pijaoc { display: flex; }
  .cage a { display: flex; align-items: center; min-height: 52px; font-size: 1.05rem; border-bottom: 1px solid var(--jo-gi); white-space: normal; }
  .cage .okpeok { margin-top: 18px; border-bottom: 0; }
}
.gigala h1 { max-width: 16ch; margin-bottom: clamp(28px,4vw,52px); }
.jotidi { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: var(--ne); border-top: 1px solid var(--jo-gi); padding-top: clamp(24px,3vw,40px); }
.jotidi > div { min-width: 0; }
.jotidi h3 { font-family: var(--koga); font-size: .75rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; color: var(--ok-ni); margin-bottom: .8em; }
.agpi .nepa { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: var(--ji-ac); align-items: end; }
.tane { border-top: 2px solid var(--tico-ji); padding-top: 20px; font-size: .95rem; color: var(--kaji); min-width: 0; }
.tane strong { display: block; color: var(--tico-ji); font-family: var(--teta-na); font-size: 1.25rem; margin-bottom: 8px; }
.teon { list-style: none; margin: 0; padding: 0 0 0 clamp(26px, 4vw, 44px); border-left: 2px solid var(--jo-gi); display: grid; gap: clamp(26px,3vw,40px); }
.teon li { position: relative; min-width: 0; }
.teon li::before { content: ""; position: absolute; left: calc(-1 * clamp(26px,4vw,44px) - 8px); top: .45em; width: 14px; height: 14px; border-radius: 50%; background: var(--ok-ni); border: 3px solid var(--no-no); }
.teon .cila { display: block; font-size: .72rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: var(--ok-ni); margin-bottom: .5em; }
.teon h3 { font-size: 1.14rem; margin-bottom: .4em; }
.teon p { color: var(--kaji); margin: 0; max-width: 60ch; }
.geci { padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); }
.taon { min-height: min(60vw, 520px); overflow: hidden; }
.taon img { width: 100%; height: 100%; object-fit: cover; }
.kaci { padding: clamp(48px,6vw,104px) clamp(24px,5vw,96px); background: var(--lopo); min-width: 0; align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
.kaci > * { max-width: min(560px, 100%); }
.jedi .cace, .jedi .taon { order: -1; }
@media (max-width:760px) {
  .jedi .cace, .jedi .taon { order: 0; }
}
.toci { margin: 0; display: flex; flex-wrap: wrap; gap: var(--ji-ac); align-items: center; background: var(--na-de); border: 1px solid var(--jo-gi); border-radius: var(--da-ni); padding: clamp(24px,3vw,44px); }
.toci .cace { flex: 0 0 clamp(120px, 16vw, 200px); aspect-ratio: 1/1; border-radius: 50%; }
.toci > div { flex: 1 1 min(100%, 320px); min-width: 0; }
.toci blockquote { margin: 0; font-family: var(--teta-na); font-size: clamp(1.15rem,2vw,1.6rem); line-height: 1.4; }
.toci figcaption { margin-top: 14px; font-size: .85rem; color: var(--kaji); }
.onok { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr)); gap: var(--ne); border-top: 2px solid var(--tico-ji); padding-top: clamp(24px,3vw,40px); }
.onok div { min-width: 0; }
.onok strong { display: block; font-family: var(--teta-na); font-size: clamp(1.8rem,4vw,3rem); line-height: 1; color: var(--doti); margin-bottom: .25em; overflow-wrap: anywhere; }
.onok span { font-size: .82rem; letter-spacing: .1em; text-transform: uppercase; color: var(--kaji); }
.jada { margin: 0; border-top: 2px solid var(--tico-ji); }
.jada > div { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)); gap: 4px 24px; padding: 15px 2px; border-bottom: 1px solid var(--jo-gi); min-width: 0; }
.jada dt { font-size: .74rem; letter-spacing: .13em; text-transform: uppercase; color: var(--kaji); font-weight: 800; }
.jada dd { margin: 0; font-weight: 650; overflow-wrap: anywhere; min-width: 0; }
.jada dd a { color: var(--ok-ni); text-decoration: none; }
.jada dd a:hover { text-decoration: underline; }
.agli dt { font-size: .74rem; letter-spacing: .13em; text-transform: uppercase; color: var(--ok-ni); font-weight: 800; margin-bottom: 10px; }
.agli dd { margin: 0; font-size: 1.05rem; font-weight: 650; overflow-wrap: anywhere; }
.ogoc { border-top: 1px solid var(--jo-gi); }
.ogoc details { border-bottom: 1px solid var(--jo-gi); }
.ogoc summary { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; padding: clamp(18px,2.2vw,26px) 0; cursor: pointer; list-style: none; font-family: var(--teta-na); font-size: clamp(1.05rem,1.6vw,1.35rem); color: var(--tico-ji); }
.ogoc summary::-webkit-details-marker { display: none; }
.ogoc summary::after { content: "+"; flex: none; font-family: var(--teta-na); font-size: 1.4em; line-height: 1; color: var(--ok-ni); }
.ogoc details[open] summary::after { content: "−"; }
.ogoc .lipi { padding: 0 clamp(0px,4vw,60px) clamp(18px,2.2vw,26px) 0; color: var(--kaji); max-width: 70ch; }
.ogoc .lipi :last-child { margin-bottom: 0; }
.teka .nepa { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: var(--ji-ac); align-items: start; }
.teka .jicele { margin-bottom: 0; }
.jata { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr)); gap: var(--ne); }
.jata article { background: var(--na-de); border: 1px solid var(--jo-gi); border-radius: var(--on); padding: clamp(22px,2.6vw,30px); min-width: 0; }
.jata h3 { font-size: 1.1rem; margin-bottom: .6em; }
.jata p { color: var(--kaji); margin: 0; }
.toka { background: var(--doti); color: var(--onte-ak); border-radius: var(--da-ni); padding: clamp(32px,4.5vw,64px); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ne); }
.toka > div:first-child { flex: 1 1 min(100%, 380px); min-width: 0; }
.toka h2 { color: var(--onte-ak); margin: 0 0 .4em; }
.toka p { color: var(--onte-ak); opacity: .88; margin: 0; max-width: 52ch; }
.toka .nato { margin-top: 0; justify-content: flex-start; }
.lija { background: var(--ogac); color: var(--no-ga); }
.lija .nepa { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(290px, 100%), 1fr)); gap: var(--ji-ac); align-items: center; }
.lija h2 { color: var(--no-ga); margin: 0 0 .4em; max-width: 20ch; }
.lija p { color: var(--cale-ce); margin: 0; max-width: 52ch; }
.lija .lian { color: var(--po); }
.lija .nato { margin-top: 0; }
.notote dt { font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; color: var(--kaji); font-weight: 800; margin-top: 20px; }
.notote dd { margin: 4px 0 0; font-size: 1.05rem; overflow-wrap: anywhere; }
.notote dd a { color: var(--ok-ni); text-decoration: none; }
.notote dd a:hover { text-decoration: underline; }
.kogo .nepa { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: var(--ji-ac); align-items: stretch; }
.depa { border: 1px solid var(--jo-gi); border-radius: var(--da-ni); overflow: hidden; min-height: 340px; min-width: 0; }
.depa iframe { width: 100%; height: 100%; min-height: 340px; border: 0; }
.acok { min-width: 0; align-self: center; }
.ceci { background: var(--ogac); color: var(--no-ga); padding-top: clamp(48px,6vw,84px); }
.ceci a:not(.okpeok) { color: var(--no-ga); text-decoration: none; }
.ceci a:not(.okpeok):hover { color: var(--po); }
.ceci .goocte { color: var(--no-ga); }
.ceci .toge { background: var(--po); color: var(--ogac); }
.ceci .nola { color: var(--cale-ce); }
.neanko h2 { font-family: var(--koga); font-size: .74rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--cale-ce); margin: 0 0 16px; }
.ceci ul { list-style: none; margin: 0; padding: 0; }
.ceci li { margin-bottom: 10px; font-size: .92rem; overflow-wrap: anywhere; }
.kadiak { display: flex; flex-wrap: wrap; gap: 10px 28px; justify-content: space-between; padding: 20px 0; margin-top: clamp(36px,4vw,60px); border-top: 1px solid rgba(255,255,255,.14); font-size: .78rem; color: var(--cale-ce); }
.kadiak p { margin: 0; }
.pini { position: fixed; z-index: 500; left: 16px; right: 16px; bottom: 16px; background: var(--ka-li); color: var(--tico-ji); border: 1px solid var(--jo-gi); border-radius: var(--da-ni); box-shadow: 0 18px 60px rgba(0,0,0,.3); padding: clamp(18px,2.4vw,26px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 18px; align-items: center; max-height: calc(100vh - 32px); overflow-y: auto; }
.pini[hidden] { display: none; }
.pini p { margin: 0 0 6px; font-size: .88rem; }
.pini p:last-child { margin-bottom: 0; }
.pini a { color: var(--ok-ni); }
.noko { min-width: 0; overflow-wrap: anywhere; }
.niki { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; min-width: 0; }
.niki .okpeok { flex: 1 1 max-content; }
@media (max-width:600px) {
  .pini { left: 10px; right: 10px; bottom: 10px; grid-template-columns: 1fr; }
  .niki { justify-content: stretch; }
  .niki .okpeok { flex: 1 1 100%; }
}
.jadati { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px,100%), 1fr)); gap: 1px; background: var(--jo-gi); border: 1px solid var(--jo-gi); }
.jadati article { background: var(--na-de); padding: clamp(26px,3.4vw,52px); min-width: 0; display: flex; flex-direction: column; }
.jadati span { display: block; margin-bottom: clamp(28px,4vw,56px); font-size: .74rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--ok-ni); }
.jadati h3 { margin-bottom: .5em; }
.jadati p { margin: 0; color: var(--kaji); }
.ongalo { padding-top: 0; }
.laoc { border-bottom: 1px solid rgba(255,255,255,.16); padding-block: clamp(48px,7vw,104px); }
.laoc .nepa { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px,100%), 1fr)); gap: var(--ne) var(--ji-ac); align-items: end; }
.laoc .lian { grid-column: 1 / -1; color: var(--po); margin-bottom: 0; }
.laoc h2 { color: var(--no-ga); margin: 0; max-width: 14ch; }
.laoc p { color: var(--cale-ce); margin: 0 0 1em; }
.laoc .nato { margin-top: 0; }
.nepe { padding-top: clamp(40px,5vw,72px); }
.ongalo .neanko { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(210px,100%), 1fr)); gap: var(--ji-ac); }
.ongalo .nian p { color: var(--cale-ce); font-size: .9rem; margin-top: 18px; max-width: 38ch; }
.gaoc { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); }
@media (max-width:600px) {
  .gaoc { grid-template-columns: minmax(0,1fr); }
}
.nion { grid-column: 1 / -1; border-top: 1px solid var(--jo-gi); margin-top: 4px; }
.nion summary { cursor: pointer; padding: 15px 0 9px; font-size: .82rem; font-weight: 700; color: var(--ok-ni); }
.loogpo { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; padding-block: 13px; border-top: 1px solid var(--jo-gi); min-width: 0; }
.loogpo strong { font-size: .88rem; }
.loogpo p { margin: .2rem 0 0; font-size: .82rem; color: var(--kaji); }
.loogpo > span { flex: none; font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--kaji); }
.piko { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--jo-gi); }
.piko li { display: grid; grid-template-columns: clamp(84px,11vw,148px) minmax(0,1fr); gap: clamp(18px,3vw,40px); align-items: center; padding: clamp(18px,2.4vw,28px) 0; border-bottom: 1px solid var(--jo-gi); min-width: 0; }
.piko img { width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: var(--on); }
.piko h3 { margin-bottom: .4em; }
.piko p { margin: 0; color: var(--kaji); max-width: 62ch; }
.onokno { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(210px,100%), 1fr)); gap: var(--ne); position: relative; }
.onokno li { position: relative; padding-top: 34px; min-width: 0; }
.onokno li::before { content: ""; position: absolute; left: 0; right: 0; top: 7px; height: 1px; background: var(--jo-gi); }
.onokno li::after { content: ""; position: absolute; left: 0; top: 2px; width: 11px; height: 11px; border-radius: 50%; background: var(--ok-ni); }
.onokno .cila { display: block; font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--ok-ni); margin-bottom: .7em; }
.onokno h3 { font-size: 1.1rem; margin-bottom: .45em; }
.onokno p { margin: 0; color: var(--kaji); font-size: .94rem; }
.piag { display: grid; gap: 0; border-top: 1px solid var(--jo-gi); }
.piag article { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px,100%), 1fr)); gap: clamp(20px,4vw,56px); align-items: center; padding: clamp(24px,3.2vw,44px) 0; border-bottom: 1px solid var(--jo-gi); min-width: 0; }
.piag article:nth-child(even) .cace { order: 2; }
.piag h3 { margin-bottom: .45em; }
.piag p { margin: 0; color: var(--kaji); max-width: 58ch; }
@media (max-width:700px) {
  .piag article:nth-child(even) .cace { order: 0; }
}
.tica figure { margin: 0; border-top: 2px solid var(--tico-ji); border-bottom: 2px solid var(--tico-ji); padding-block: clamp(28px,4vw,52px); }
.tica blockquote { margin: 0; font-family: var(--teta-na); font-size: clamp(1.35rem,3vw,2.5rem); line-height: 1.26; max-width: 24ch; }
.tica figcaption { margin-top: clamp(18px,2.4vw,28px); font-size: .86rem; color: var(--kaji); text-align: right; }
.aknion dt { font-size: .74rem; letter-spacing: .13em; text-transform: uppercase; color: var(--kaji); font-weight: 800; }
.aknion dd { margin: 0; font-weight: 650; overflow-wrap: anywhere; min-width: 0; }
.nopoji summary { align-items: baseline; gap: clamp(14px,2.4vw,32px); }
.nopoji summary .nelo { flex: none; font-family: var(--teta-na); font-size: 1rem; color: var(--ok-ni); min-width: 2.2em; }
.nopoji summary > span:last-of-type { flex: 1 1 auto; min-width: 0; }
.nopoji .lipi { padding-left: clamp(0px,6vw,80px); }
.kani { max-width: 720px; margin-inline: auto; text-align: center; background: var(--na-de); border: 1px solid var(--jo-gi); border-top: 4px solid var(--ok-ni); border-radius: 0 0 var(--on) var(--on); padding: clamp(30px,4vw,56px); }
.kani .lian { justify-content: center; }
.kani h2 { margin-bottom: .4em; }
.kani p { color: var(--kaji); max-width: 52ch; margin-inline: auto; }
.kani .nato { justify-content: center; }
.jiagko { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px,100%), 1fr)); }
.oknito { min-height: min(56vw,460px); overflow: hidden; }
.oknito img { width: 100%; height: 100%; object-fit: cover; }
.diko { background: var(--doti); color: var(--onte-ak); padding: clamp(44px,6vw,96px) clamp(24px,5vw,96px); min-width: 0; align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
.diko > * { max-width: min(520px,100%); }
.diko h2 { color: var(--onte-ak); margin-bottom: .4em; }
.diko p { color: var(--onte-ak); opacity: .9; }
.diko .lian { color: var(--po); }
.caciti iframe { width: 100%; height: 100%; border: 0; display: block; }
.gopo dt { font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 800; margin-top: 18px; color: var(--kaji); }
.gopo dd { margin: 4px 0 0; font-size: 1.05rem; overflow-wrap: anywhere; }
.pegi dt { font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; color: var(--kaji); font-weight: 800; margin-top: 16px; }
.pegi dd { margin: 4px 0 0; font-size: 1.05rem; overflow-wrap: anywhere; }
.gike dt { font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; color: var(--kaji); font-weight: 800; margin-top: 14px; }
.gike dd { margin: 4px 0 0; font-size: 1.02rem; overflow-wrap: anywhere; }
.tapoce .nepa { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px,100%),1fr)); gap: var(--ji-ac); align-items: start; }
.leco, .toac { min-width: 0; }
.coagta { list-style: none; counter-reset: step; margin: clamp(20px,2.6vw,32px) 0 0; padding: 0; display: grid; gap: 18px; }
.coagta li { counter-increment: step; display: grid; gap: 5px; padding-left: 44px; position: relative; }
.coagta li::before { content: counter(step,decimal-leading-zero); position: absolute; left: 0; top: 2px; font-family: var(--teta-na); font-size: 1.1rem; color: var(--ok-ni); font-weight: 700; }
.coagta strong { font-weight: 650; }
.coagta span { color: var(--kaji); }
.kodi iframe { width: 100%; height: 100%; border: 0; display: block; }
.dagi .nepa { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px,100%),1fr)); gap: var(--ji-ac); align-items: end; }
.coneoc, .joca { min-width: 0; }
.joca { border-top: 2px solid var(--tico-ji); padding-top: 18px; }
.noga { margin: 0; color: var(--kaji); font-size: .96rem; }
.patoji dt { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--kaji); font-weight: 800; }
.patoji dd { margin: 5px 0 0; font-size: 1.02rem; overflow-wrap: anywhere; }
.tagiji { list-style: none; margin: clamp(26px,3vw,40px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(180px,100%),1fr)); gap: var(--ne); border-top: 1px solid var(--jo-gi); padding-top: clamp(18px,2.2vw,26px); }
.tagiji li { min-width: 0; display: grid; gap: 4px; }
.tagiji strong { font-family: var(--teta-na); font-size: clamp(1.5rem,2.6vw,2.2rem); font-weight: var(--okja); line-height: 1.05; overflow-wrap: anywhere; }
.tagiji span { font-size: .86rem; color: var(--kaji); }
.pico { counter-reset: sect; }
.pico h2 { counter-increment: sect; }
.pico h2::before { content: counter(sect) ". "; color: var(--ok-ni); font-variant-numeric: tabular-nums; }
@media (max-width:820px) {
  .peki { position: relative; z-index: 100; }
  .pojane .cage { position: absolute; inset: auto 0 auto 0; top: calc(100% + 8px); margin-inline: var(--akpe-na); padding: 12px 18px 20px; border: 1px solid var(--jo-gi); border-radius: var(--da-ni); box-shadow: var(--lo-ga); max-height: 70vh; }
  .pojane .aktedo { position: relative; }
}
.kion dt { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--kaji); font-weight: 800; }
.kion dd { margin: 6px 0 0; font-family: var(--teta-na); font-size: clamp(1.15rem,1.8vw,1.55rem); overflow-wrap: anywhere; }
.jeje .cage a:not(.okpeok) { padding-bottom: 6px; border-bottom: 2px solid transparent; }
.jeje .cage a:not(.okpeok):hover { border-color: var(--jo-gi); }
.jeje .cage a[aria-current="page"]:not(.okpeok) { border-color: var(--ok-ni); color: var(--ok-ni); }
.dijada dt { font-size: .72rem; letter-spacing: .13em; text-transform: uppercase; opacity: .72; font-weight: 800; }
.dijada dd { margin: 3px 0 0; overflow-wrap: anywhere; }
.cenadi iframe { width: 100%; height: 100%; border: 0; display: block; }
.coja dt { opacity: .8; }
.coja dd { margin: 0; font-weight: 650; }
.lejo dt { color: var(--kaji); }
.lejo dd { margin: 0; font-weight: 650; text-align: right; overflow-wrap: anywhere; }
.piak { overflow-wrap: break-word; }
.goca { width: 100%; height: 100%; min-height: 240px; display: flex; align-items: center; background: var(--lopo); color: var(--tico-ji); }
:is(.caciti, .cenadi, .kodi, .depa):has(> .goca:not(.joon)) { aspect-ratio: auto; height: auto; }
.depa .goca { min-height: 340px; }
.cola { padding: clamp(18px,3vw,32px); max-width: 46ch; min-width: 0; }
.tocaki { margin: 0 0 .4em; font-weight: 700; font-size: 1.02rem; }
.kono { margin: 0 0 1em; font-size: .92rem; color: var(--kaji); }
.cali { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 0; }
.cali a { color: var(--ok-ni); font-size: .92rem; font-weight: 650; overflow-wrap: anywhere; }
.goca iframe { width: 100%; height: 100%; min-height: inherit; border: 0; display: block; }
.goca.joon { display: block; background: transparent; }
.gale { background: none; border: 0; padding: 6px 2px; min-height: 44px; font: inherit; font-size: .86rem; font-weight: 650; color: var(--ok-ni); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.kiag { grid-column: 1 / -1; border-top: 1px solid var(--jo-gi); padding-top: 14px; min-width: 0; }
.kiag:not([hidden]) { display: grid; gap: 12px; }
.gije { font-weight: 700; }
.gigi { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; min-width: 0; }
.gigi > div { min-width: 0; }
.gigi p { margin: 2px 0 0; font-size: .84rem; color: var(--kaji); }
.piji { flex: none; font-size: .8rem; font-weight: 700; color: var(--kaji); padding-top: 2px; }
.nigi { flex: none; width: 22px; height: 22px; margin: 2px 0 0; accent-color: var(--doti); cursor: pointer; }
.lajone { font-size: .84rem; }
.agne { margin: 0; }
.dagili .kikeok { margin: 0 0 1.2em; }
.dagili .kikeok table { min-width: 640px; }
.tiagoc { max-width: 62ch; }
.lionpi { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px,100%),1fr)); gap: var(--ji-ac); margin-top: clamp(28px,4vw,56px); align-items: start; }
.lionpi > div { min-width: 0; }
.dodogo h2, .tope h2 { font-size: clamp(1.25rem,2vw,1.6rem); }
.kokito { margin: 0; padding-left: 1.3em; display: grid; gap: 12px; }
.tope:not([hidden]) { display: block; background: var(--na-de); border: 1px solid var(--jo-gi); border-radius: var(--da-ni); padding: clamp(18px,2.4vw,28px); }
.jigati { margin: 0 0 18px; display: grid; gap: 10px; }
.jigati dt { font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--kaji); }
.jigati dd { margin: 0; overflow-wrap: anywhere; white-space: pre-line; }
.okpa { margin-top: clamp(28px,4vw,56px); border-top: 1px solid var(--jo-gi); padding-top: clamp(18px,2.4vw,28px); }
.okpa a:not(.okpeok) { color: var(--ok-ni); overflow-wrap: anywhere; }
.joleli .jeakte { max-width: 60ch; }
.acgaon { font-size: clamp(1.2rem,2vw,1.5rem); margin-top: clamp(24px,3vw,40px); }
.ciji { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px,100%),1fr)); gap: 0 var(--ne); }
.ciji li { border-bottom: 1px solid var(--jo-gi); min-width: 0; }
.ciji a { display: flex; min-height: 48px; align-items: center; color: var(--tico-ji); font-weight: 650; overflow-wrap: anywhere; }
.niog a { color: var(--ok-ni); overflow-wrap: anywhere; }
.gecili { position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin: 0; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; opacity: 0; pointer-events: none; }
.gecili * { width: 1px; height: 1px; min-height: 0; padding: 0; border: 0; font-size: 1px; }
form[data-tolo] { position: relative; }
form.acko [type="submit"] { opacity: .7; cursor: progress; }
.nacapo > * { min-width: 0; }
.neto { display: block; color: var(--ok-ni); font-size: .8rem; letter-spacing: .12em; font-weight: 700; margin-bottom: 1rem; }
:is(.ockipa,.loke,.onte,.cela,.teonpa,.dajene,.coan,.aklena,.leoc,.jego,.kenipe) figure { margin: 0; overflow: hidden; }
:is(.jono,.akpa,.tidapi,.agac,.oclati,.nacapo,.occa,.lopete,.aglopa,.gedi,.acga) img { display: block; width: 100%; height: 100%; object-fit: cover; }
.dale dt { font-size: .85rem; color: var(--kaji); overflow-wrap: anywhere; }
.dale dd { margin: 0 0 .4rem; font: var(--okja) clamp(1.3rem,2.5vw,2.6rem)/1.1 var(--teta-na); overflow-wrap: anywhere; }
.nacapo { display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: 1rem; }
.lici { grid-row: span 2; background: var(--na-de); color: var(--tico-ji); }
.lici figure { aspect-ratio: 4 / 3; }
.lici > div { padding: clamp(1.2rem,2vw,2rem); }
.jodo { padding: clamp(1.2rem,2vw,2rem); border: 1px solid var(--jo-gi); }
.jodo p { color: var(--kaji); }
@media (max-width:1100px) {
  .nacapo { grid-template-columns: 1fr 1fr; }
  .lici { grid-row: auto; grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
}
@media (max-width:580px) {
  .nacapo { grid-template-columns: minmax(0,1fr); }
  .lici { display: block; }
}
.jopi { min-width: 0; margin-bottom: var(--ji-ac); }
:is(.kijoce,.ocpe,.anco,.lope,.cogoci,.gega,.kitado,.jete,.kalo,.lini,.kona,.acja,.kooc,.ocgo,.kepilo,.keca,.pean,.loan,.naonda,.giok) :is(li,dl,dt,dd,figure,blockquote,figcaption,div) { min-width: 0; }
.paca { margin: 0; }
.paca>div { display: flex; flex-direction: column-reverse; border-top: 1px solid var(--jo-gi); padding: 1.5rem 0; }
.paca dd { font-family: var(--teta-na); font-size: clamp(2rem,4vw,4rem); margin: 0; line-height: 1.15; overflow-wrap: anywhere; }
.paca dt { margin-top: 1rem; color: var(--kaji); }
.onni dt { font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; color: var(--kaji); }
.onni dd { font-weight: 700; margin: .6rem 0 0; overflow-wrap: anywhere; }
.kino dt { font-size: .85rem; color: var(--kaji); }
.kino dt::before { content: counter(registry,decimal-leading-zero) " / "; font-variant-numeric: tabular-nums; color: var(--ok-ni); }
.kino dd { margin: .5rem 0 0; font-weight: 600; overflow-wrap: anywhere; }
.topate dt { color: var(--kaji); }
.topate dd { margin: 0; font-size: 1.2rem; overflow-wrap: anywhere; }
.keca>.nepa { display: grid; gap: var(--ji-ac); }
.okac { border-top: 2px solid var(--jo-gi); }
.toca { align-self: center; }
.okac>div { padding: 1.8rem 0; border-bottom: 1px solid var(--jo-gi); }
.joog { font-family: var(--teta-na); font-size: clamp(1.5rem,3vw,2.8rem); overflow-wrap: anywhere; text-decoration: none; color: var(--tico-ji); }
:is(.acdi,.lean,.jeacan,.ogle) :is(div,p,li,ul,address) { min-width: 0; }
@media (min-width:760px) {
  .paca { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: 0 var(--ji-ac); }
  .paca>div:first-child { grid-row: span 3; justify-content: flex-end; border-top: 6px solid var(--ok-ni); }
  .paca>div:first-child dd { font-size: clamp(3rem,8vw,8rem); }
  .keca>.nepa { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
}
:is(.anjeji,.dila,.dato) [data-jene-ca] { background: var(--doti); color: var(--onte-ak); border: 1px solid var(--doti); min-height: 3rem; padding: .8rem 1rem; width: 100%; }
:is(.anjeji,.dila,.dato) [data-jene-ca]:hover { background: var(--jako); color: var(--onte-ak); border-color: var(--jako); }
:is(.anjeji,.dila,.dato) .gale { min-height: 2.75rem; text-align: start; }
:is(.anjeji,.dila,.dato) .kiag { grid-column: 1/-1; }
@media (max-width:480px) {
  :is(.okpipa,.naog,.gigala,.jane,.dook,.kico,.agka,.pije,.pekati,.panali,.lede,.tonaca,.ockipa,.loke,.poogla,.onte,.cela,.ocjo,.gaacok,.teonpa) { padding-block: var(--an-je); }
  .gigala .nepa { display: flex; flex-direction: column; align-items: flex-start; }
  .gigala .nato { order: 1; margin-top: 0; }
  .jotidi { order: 2; width: 100%; margin-top: var(--poto); }
  :is(.okpipa,.jodi,.naog,.jidi,.gigala,.jane,.dook,.kico,.agka,.pije,.pekati,.panali,.tonaca,.ockipa,.loke,.poogla,.onte,.cela,.ocjo,.gaacok,.teonpa) .nato > a.okpeok { padding-inline: var(--ki-ge); }
  :is(.geda,.kani,.toka) { --ki-le: var(--oc-an); padding-inline: var(--ki-ge); }
  :is(.geda,.kani,.toka) .nato > a.okpeok { padding-inline: var(--ki-le); font-size: .85rem; }
  :is(.kaci,.diko) { --ki-le: var(--nede-ji); padding-inline: var(--ki-ge); }
  .lija { --ki-le: var(--oc-an); }
  :is(.kaci,.diko,.lija) .nato > a.okpeok { padding-inline: var(--ki-le); font-size: .85rem; }
  :is(.tage,.tekike) button.okpeok[type="submit"] { padding-inline: var(--oc-an); letter-spacing: .02em; }
}
@media (max-width:480px) {
  .ocanjo .galo, .ceci .galo { font-size: 1rem; }
}
@media (max-width:639px) {
  :is(.kook,.pija,.politi,.tila,.jena,.onokno,.jaka,.agli,.deok,.tipine,.jeon,.kion,.kati,.ocko,.janoni,.onni,.ceke,.liga .neanko,.giji .neanko,.ongalo .neanko,.ocga .neanko,.accigi):has(> :nth-child(4):last-child) { grid-template-columns: minmax(0,1fr); }
}
@media (min-width:640px) and (max-width:1279px) {
  :is(.kook,.pija,.politi,.tila,.jena,.onokno,.jaka,.agli,.deok,.tipine,.jeon,.kion,.kati,.ocko,.janoni,.onni,.ceke,.liga .neanko,.giji .neanko,.ongalo .neanko,.ocga .neanko):has(> :nth-child(4):last-child) { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width:1280px) {
  :is(.kook,.pija,.politi,.tila,.jena,.onokno,.jaka,.agli,.deok,.tipine,.jeon,.kion,.kati,.ocko,.janoni,.onni,.ceke,.liga .neanko,.giji .neanko,.ongalo .neanko,.ocga .neanko):has(> :nth-child(4):last-child) { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width:899px) {
  :is(.jotidi,.deok,.jadati,.anta,.jeon,.onok,.deon,.patoji,.tagiji,.ciji,.pito,.kaco .neanko):has(> :nth-child(3):last-child) { grid-template-columns: minmax(0,1fr); }
}
@media (min-width:900px) {
  :is(.jotidi,.deok,.jadati,.anta,.jeon,.onok,.deon,.patoji,.tagiji,.ciji,.pito,.kaco .neanko):has(> :nth-child(3):last-child) { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (min-width:640px) {
  :is(.lejo,.aknion):has(> :nth-child(4):last-child) { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:639px) {
  :is(.lejo,.aknion):has(> :nth-child(4):last-child) { grid-template-columns: minmax(0,1fr); }
}
[data-tace] .niki [data-jene-ca] { flex: 1 1 0; min-width: 9.5rem; justify-content: center; text-align: center; font-weight: 600; }
[data-tace] .niki .lepaca[data-jene-ca] { border: 1.5px solid currentColor; padding-inline: 1.1em; background: transparent; text-decoration: none; }
:is(.anjeji,.dila,.dato) .niki .lepaca[data-jene-ca] { color: var(--tico-ji); border-color: currentColor; }
:is(.anjeji,.dila,.dato) .niki .lepaca[data-jene-ca]:hover { background: var(--jako); color: var(--onte-ak); border-color: var(--jako); }
@font-face { font-family: "Red Hat Display Display"; font-style: normal; font-weight: 300 800; font-display: swap; src: url(../fonts/red-hat-display-300-800e.woff2) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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; }
@font-face { font-family: "Red Hat Display Display"; font-style: normal; font-weight: 300 800; font-display: swap; src: url(../fonts/red-hat-display-300-800.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "DM Sans Text"; font-style: normal; font-weight: 300 800; font-display: swap; src: url(../fonts/dm-sans-300-800e.woff2) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, 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; }
@font-face { font-family: "DM Sans Text"; font-style: normal; font-weight: 300 800; font-display: swap; src: url(../fonts/dm-sans-300-800.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
html:root { --no-no: #FBFDFC; --ka-li: #FFFFFF; --lopo: #E8F4EC; --tico-ji: #1A2B21; --kaji: #4B6153; --jo-gi: rgba(26,43,33,.18); --doti: #015D38; --jako: #014428; --co: #C7EED6; --onte-ak: #FFFFFF; --ok-ni: #9E4500; --po: #FEBD9C; --ogac: #071C11; --no-ga: #F2FBF5; --cale-ce: #C0CFC6; --teta-na: "Red Hat Display Display", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --koga: "DM Sans Text", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --okja: 700; --acta-ta: -.028em; --te-li: 1.08; --on: 6px; --da-ni: 12px; --ogpe-de: 8px; --ko: "Red Hat Display Display", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --neta: 700; --tina-da: none; --ge-co: -0.02em; }
html:root body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
.toge:has(> .ceto) { background: none; width: auto; height: auto; padding: 0; border-radius: 0; min-width: 0; }
.ceto { display: block; width: var(--je, 44px); height: var(--je, 44px); flex: none; }
.galo { font-family: var(--ko, var(--teta-na)); font-weight: var(--neta, 700); text-transform: var(--tina-da, none); letter-spacing: var(--ge-co, -.01em); font-size: var(--agpa-te, 1.2rem); }
.nola { letter-spacing: .12em; }
html:root { font-synthesis-weight: none; }
@media (min-width:900px) {
  html:root :is(h1, h2) { hyphens: manual; }
}
:where(html:root) .lone { display: inline-grid; place-items: center; flex: none; width: 56px; height: 56px; margin-bottom: 20px; border-radius: var(--dapo, 16px); color: var(--doti); background: color-mix(in srgb, var(--doti) 11%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--doti) 14%, transparent); transition: transform .35s cubic-bezier(.2,.8,.2,1), background .3s ease, color .3s ease; }
:where(html:root) .lagani { width: 26px; height: 26px; }
:where(html:root) :is(.delook, .anne, .naanak, .anda, .ceci) .lone { color: var(--po); background: rgba(255,255,255,.08); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
:where(html:root) :is(.kook article, .jani article, .cida article, .pooc article, .jata article, .deok article, .tila li, .nogi article, .agli > div) { transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .3s ease; }
@media (hover:hover) {
  :where(html:root) :is(.kook article, .jani article, .cida article, .pooc article, .jata article, .deok article, .tila li, .nogi article):hover { transform: translateY(-6px); }
  :where(html:root) :is(.kook article, .jani article, .cida article, .pooc article, .jata article, .tila li, .nogi article):hover .lone { transform: scale(1.08) rotate(-4deg); background: var(--doti); color: var(--onte-ak); }
}
:where(html:root) .loceto { display: grid; grid-template-columns: minmax(0,1fr); }
:where(html:root) .neke { min-width: 0; }
:where(html:root) .dopada { display: block; width: min(100%, 340px); margin: clamp(28px,6vw,40px) auto 0; pointer-events: none; }
:where(html:root) .paagne { width: 100%; height: auto; }
:where(html:root) .pepi { isolation: isolate; overflow: clip; }
@media (min-width:1000px) {
  :where(html:root) .loceto { grid-template-columns: minmax(0,1fr) minmax(0, min(42%, 500px)); gap: clamp(32px, 4vw, 72px); align-items: center; }
  :where(html:root) .dopada { width: auto; margin: 0; }
  :where(html:root) .paagne { width: 100%; height: auto; }
}
@media (prefers-reduced-motion:no-preference) {
  :where(html:root) main > .oggi:first-child :is(h1, .jeakte, .lian, .nato) { animation: lojo-na .8s cubic-bezier(.2,.8,.2,1) both; }
  :where(html:root) main > .oggi:first-child h1 { animation-delay: .06s; }
  :where(html:root) main > .oggi:first-child .jeakte { animation-delay: .14s; }
  :where(html:root) main > .oggi:first-child .nato { animation-delay: .22s; }
  :where(html:root) .paagne { animation: occi 9s ease-in-out infinite alternate; }
}
@keyframes lojo-na {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: none; }
}
@keyframes occi {
  from { transform: translateY(-6px); }
  to { transform: translateY(8px); }
}
:where(html:root) :is(.anne, .delook, .lija, .agpo, .coto, .ceci) { isolation: isolate; overflow: hidden; }
:where(html:root) :is(.anne, .delook, .lija, .coto, .ceci)::after { content: ""; position: absolute; z-index: -1; pointer-events: none; width: min(46vw, 560px); aspect-ratio: 1; right: -6vw; bottom: -22%; background: url(../images/ka-ko-mark-inverse.svg) center/contain no-repeat; opacity: .07; transform: rotate(-12deg); }
:where(html:root) .ceci { position: relative; }
:where(html:root) .cace { box-shadow: 0 30px 60px -38px rgba(0,0,0,.45); }
:where(html:root) .cace img { transition: transform .9s cubic-bezier(.2,.8,.2,1); }
@media (hover:hover) {
  :where(html:root) .cace:hover img { transform: scale(1.04); }
}
:where(html:root) .okpeok { position: relative; }
:where(html:root) .nato .okpeok:first-child:not(.lepaca)::after { content: "→"; display: inline-block; margin-left: 2px; transition: transform .25s ease; }
@media (hover:hover) {
  :where(html:root) .nato .okpeok:first-child:not(.lepaca):hover::after { transform: translateX(4px); }
}
:where(html:root) .cage a:not(.okpeok):not(.nida) { background: linear-gradient(currentColor, currentColor) left bottom / 0 1.5px no-repeat; transition: background-size .3s ease, color .2s ease; padding-bottom: 2px; }
@media (hover:hover) {
  :where(html:root) .cage a:not(.okpeok):not(.nida):hover { background-size: 100% 1.5px; }
}
:where(html:root) h2 { font-size: clamp(1.85rem, 3.9vw, 3.3rem); }
:where(html:root) .jicele { margin-bottom: var(--nige-pe); }
@media (min-width:900px) {
  :where(html:root) :is(.naoc,.coneoc,.coto,.cecote,.teco) h1 { font-size: clamp(2rem,3.8vw,3.25rem); }
}
:where(html:root) :is(.cana, .dion figure, .tica figure, .cicile figure, .toci > div) { position: relative; }
:where(html:root) :is(.cana, .dion figure, .tica figure, .cicile figure) blockquote::before { content: "“"; display: block; font-family: var(--teta-na); font-size: 5.5rem; line-height: .7; height: .45em; color: var(--ok-ni); opacity: .85; margin-bottom: .2em; }
@media (max-width:767px) {
  :where(html:root) .dagili .kikeok { scrollbar-width: auto; padding-bottom: .5rem; }
  @supports not selector(::-webkit-scrollbar) {
    :where(html:root) .dagili .kikeok { scrollbar-color: var(--kaji) var(--ka-li); }
  }
  :where(html:root) .dagili .kikeok::-webkit-scrollbar { height: 10px; }
  :where(html:root) .dagili .kikeok::-webkit-scrollbar-track { background: var(--ka-li); color: var(--tico-ji); }
  :where(html:root) .dagili .kikeok::-webkit-scrollbar-thumb { background: var(--kaji); color: var(--ka-li); border: 2px solid var(--ka-li); border-radius: 999px; }
  :where(html:root) .dagili .kikeok:focus-visible { outline: 2px solid var(--doti); outline-offset: -2px; }
  :where(html:root) .dagili .kikeok caption { text-align: left; }
}
@media (max-width:639px) {
  :where(html:root) .dagili .kikeok::before { content: ""; display: block; position: sticky; left: calc(100% - 12px); width: 8px; height: 8px; margin: .3rem .3rem .65rem auto; border-top: 2px solid var(--kaji); border-right: 2px solid var(--kaji); transform: rotate(45deg); pointer-events: none; }
}
html:root:root { --ak: clamp(64px, 7.5vw, 120px); }
:where(html:root) .dopada { border: 1px solid var(--jo-gi); border-radius: 18px; background: var(--ka-li); padding: 12px; }
:where(html:root) .jicele { padding-left: 20px; border-left: 4px solid var(--doti); }
:where(html:root) h1, :where(html:root) h2 { letter-spacing: -.028em; }
:where(html:root) h1 { font-size: clamp(2.1rem, 4.6vw, 3.9rem); line-height: 1.08; }
:where(html:root) h2 { font-size: clamp(1.7rem, 3.1vw, 2.7rem); }
:where(html:root) .ocanjo { background: var(--ka-li); box-shadow: 0 1px 0 var(--jo-gi), 0 10px 30px -24px rgba(0,0,0,.35); border-bottom: 0; }
:where(html:root) .ocanjo::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--doti); }
:where(html:root) .cage a:not(.okpeok) { font-weight: 600; }
:where(html:root) .cage a[aria-current="page"]:not(.okpeok) { color: var(--doti); box-shadow: inset 0 -2px 0 var(--doti); }
:where(html:root) .okpeok { border-radius: 8px; font-weight: 650; letter-spacing: 0; padding-inline: 22px; }
:where(html:root) .lepaca { border-color: var(--jo-gi); color: var(--tico-ji); background: var(--ka-li); }
:where(html:root) .lepaca:hover { border-color: var(--doti); color: var(--onte-ak); background: var(--doti); }
:where(html:root) :is(.tila li, .taak, .agli div, .jata article, .tage, .deok article, .coog, .gike, .nadi, .akti, .pooc article, .occeke, .kook article) { border-radius: 14px; border: 1px solid var(--jo-gi); box-shadow: 0 20px 44px -30px rgba(10,25,60,.38); }
:where(html:root) .cace { border-radius: 14px; }
:where(html:root) .dape { background: color-mix(in srgb, var(--co) 55%, var(--no-no)); }
:where(html:root) .lian { display: inline-flex; width: auto; padding: 6px 12px; border-radius: 999px; background: color-mix(in srgb, currentColor 11%, transparent); font-size: .72rem; letter-spacing: .1em; font-weight: 700; }
:where(html:root) .lian::before { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
:where(html:root) { --dapo: 12px; }
:where(html:root) main > .oggi:first-child:is(.okpipa, .naog, .gigala, .jane, .dook, .kico, .agka, .pije, .pekati, .panali, .lede) { background-image: radial-gradient(70% 90% at 100% 0%, color-mix(in srgb, var(--co) 85%, transparent), transparent 70%), linear-gradient(color-mix(in srgb, var(--doti) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--doti) 5%, transparent) 1px, transparent 1px); background-size: auto, 56px 56px, 56px 56px; }
:where(html:root) .lone { background: var(--doti); color: var(--onte-ak); box-shadow: 0 12px 24px -14px var(--doti); }
:where(html:root) .toka { background-color: var(--doti); background-image: linear-gradient(135deg, var(--doti), var(--jako)); border-radius: 20px; box-shadow: 0 30px 60px -36px var(--doti); }
:where(html:root) .kani { border-radius: 20px; }
:where(html[data-da-ci="li-ac"]) main > .oggi:nth-child(-n+3) .jicele:not(.jige) { margin-inline: auto; text-align: center; }
:where(html[data-ca-pi="po-go"]) main > .oggi:nth-child(-n+3) .jicele:not(.jige) :is(.lian,p) { margin-inline: auto; justify-content: center; }
@media (min-width:900px) {
  :where(html:root) main > .oggi:nth-child(-n+3) .jicele:not(.cogipo):not(.togolo) { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.8fr); gap: var(--oc-an) var(--ne); max-width: none; align-items: end; }
  :where(html:root) main > .oggi:nth-child(-n+3) .jicele:not(.cogipo) .lian { grid-column: 1/-1; }
  :where(html:root) main > .oggi:nth-child(-n+3) .jicele:not(.cogipo) h2 { margin-bottom: 0; }
}
:where(html[data-ga="gini"]) main > .oggi:nth-child(-n+3) .nato > a.okpeok { border-radius: 999px; }
:where(html[data-akko-ce="ta"]) main > .oggi:nth-child(-n+3) .nato > a.okpeok { border-radius: 0; }
:where(html:root) main > .oggi:nth-child(-n+3) .nato > a.okpeok:not(.kato):not(.diji) { border-radius: 0; border: 0; border-bottom: 2px solid currentColor; background: transparent; color: var(--doti); box-shadow: none; padding-inline: 0; }
:where(html[data-akte-ni="colo-og"]) main > .oggi:nth-child(-n+3) .nato > a.okpeok:first-child { border-radius: 0; padding-inline: var(--ki-le,var(--ki-ge)); }
:where(html[data-oc-go="go"]) main > .oggi:nth-child(-n+3) .nato > a.okpeok:first-child::after { content: "→"; border-inline-start: 1px solid currentColor; padding-inline-start: var(--nede-ji); margin-inline-start: var(--pele-da); }
:where(html:root) main > .oggi:nth-child(-n+3) :is(.kook,.politi,.jadati,.tila) > :is(article,li) { border-radius: var(--da-ni); padding: var(--nean); background: var(--na-de); color: var(--tico-ji); }
:where(html[data-ke="cili-pi"]) main > .oggi:nth-child(-n+3) :is(.kook,.politi,.jadati,.tila) > :is(article,li) { border: 1px solid var(--jo-gi); box-shadow: none; }
:where(html:root) main > .oggi:nth-child(-n+3) :is(.kook,.politi,.jadati,.tila) > :is(article,li) { border: 1px solid var(--jo-gi); box-shadow: var(--lo-ga); }
:where(html[data-keno-on="pi-jo"]) main > .oggi:nth-child(-n+3) :is(.kook,.politi,.jadati,.tila) > :is(article,li) { border: 1px solid transparent; box-shadow: none; }
:where(html[data-ag-le="de-ca"]) main > .oggi:nth-child(-n+3) :is(.kook,.politi,.jadati,.tila) > :is(article,li) { border: 1px solid var(--jo-gi); border-inline-start: 4px solid var(--ok-ni); box-shadow: none; }
:where(html:root) main > .oggi:nth-child(-n+3) .jadati { gap: var(--poto); border: 0; background: transparent; color: inherit; }
:where(html:root) main > .oggi:nth-child(-n+3) .cace { border-radius: clamp(20px,3vw,48px); }
:where(html[data-acag-og="caci"]) main > .oggi:nth-child(-n+3) .cace { border-radius: 42% 42% var(--on) var(--on); }
:where(html[data-akla="ac"]) main > .oggi:nth-child(-n+3) .cace { border: 1px solid var(--jo-gi); box-shadow: 8px 8px 0 -1px var(--no-no),8px 8px 0 0 var(--doti); }
:where(html:root) main > .oggi:nth-child(-n+3) { isolation: isolate; }
:where(html:root) main > .oggi:nth-child(-n+3) > .nepa { --te: var(--lopo); }
:where(html:root) main > .oggi.dape:nth-child(-n+3) > .nepa { --te: var(--ka-li); }
:where(html:root) main > .oggi:is(.delook,.anne):nth-child(-n+3) > .nepa { --te: var(--ogac); }
:where(html:root) main > .oggi:nth-child(-n+3) > .nepa::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .6; }
:where(html[data-lade="pe"]) main > .oggi:nth-child(-n+3) > .nepa::before { background-image: linear-gradient(var(--te) 1px,transparent 1px),linear-gradient(90deg,var(--te) 1px,transparent 1px); background-size: 48px 48px; }
:where(html[data-li-go="pega-ne"]) main > .oggi:nth-child(-n+3) > .nepa::before { background-image: radial-gradient(var(--te) 1.5px,transparent 1.6px); background-size: 24px 24px; }
:where(html[data-ag="cala"]) main > .oggi:nth-child(-n+3) > .nepa::before { background-image: repeating-linear-gradient(135deg,var(--te) 0 1px,transparent 1px 32px); }
:where(html:root) main > .oggi:is(.jodi,.deko,.onte,.dion,.lija):nth-child(-n+3) > .nepa::before { content: none; }
:where(html:root) main > .oggi:nth-child(n+2):nth-child(-n+3) { padding-block: var(--coji-ak); }
:where(html:root) main > .oggi:nth-child(-n+3) .jicele { border-inline-start: 0; padding-inline-start: 0; border-inline-end: 3px solid var(--ok-ni); padding-inline-end: var(--poto); }
:where(html:root) main > .oggi:nth-child(2) { border-block-start: 3px solid var(--ok-ni); }
:where(html[data-ko-ka="ke-la"]) main > .oggi:nth-child(2) > .nepa > .jicele { border-block: 1px solid var(--jo-gi); padding-block: var(--poto); }
:where(html[data-on-lo="peni-ac"]) main > .oggi:nth-child(2) > .nepa > .jicele { border: 1px solid var(--jo-gi); padding: var(--poto); }
@media (prefers-reduced-motion:reduce) {
  :where(html:root) main > .oggi:nth-child(-n+3) .nato > a.okpeok::after { transition: none; transform: none; }
}