/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:0.25rem}
html{scroll-behavior:smooth}
body{background:#FFF8F1;color:#181321;font-family:'M PLUS 1p', 'Noto Sans', sans-serif;line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Saira Condensed', 'Arial Narrow', sans-serif;line-height:1.2;color:#181321}
a{color:#A30D4A}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#F4EAF4;padding:.1em .35em;border-radius:4px;font-size:.9em}
.jiiy{position:absolute;left:-9999px;top:0;background:#A30D4A;color:#FFFFFF;padding:.5rem 1rem;z-index:9}
.jiiy:focus{left:0}
.xuwi{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.mmkm{font-family:'Saira Condensed', 'Arial Narrow', sans-serif;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.hqsr{color:#64596A;font-size:.85rem}
.sbym{display:flex;flex-wrap:wrap;gap:1.1rem}
.jgfk{text-decoration:none;color:inherit;font-size:.95rem}
.jgfk:hover{color:#A30D4A;opacity:1}
.rpzo{display:none;background:none;border:1px solid currentColor;border-radius:6px;color:inherit;width:2.6rem;height:2.3rem;padding:.45rem .55rem;cursor:pointer;flex-direction:column;justify-content:space-between}
.rpzo span{display:block;height:2px;background:currentColor;border-radius:2px}
.rpzo[aria-expanded="true"] span:nth-child(2){opacity:0}
.drqv{background:#FFFFFF} .drqv .xuwi{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;text-align:center} .sbym{border-top:1px solid #DCCFDC;padding-top:.6rem}
.xxmr{background:linear-gradient(160deg, #FFFFFF, #f4e2e9)} .xxmr .xuwi{max-width:52rem;text-align:center;padding:4rem 1.5rem} .bnxi{justify-content:center}
.xmxe{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#A30D4A;font-weight:600;margin-bottom:.8rem}
.yfhu{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.yons{font-size:1.15rem;color:#64596A;max-width:44rem;margin:0 auto}
.bnxi{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.ejqm{border:1px solid #DCCFDC;background:#FFFFFF;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.dhyb{padding:2.6rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.srzl,.uxxo,.odpc{max-width:46rem;margin-left:auto;margin-right:auto}
.srzl{padding:1.4rem 0}
.srzl h2{font-size:1.6rem;margin-bottom:.8rem}
.srzl h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.srzl p,.srzl li,.uxxo p{margin-bottom:.85rem}
.srzl ul,.srzl ol{padding-left:1.4rem}
.uxxo{font-size:1.12rem}
.odpc{background:#FFFFFF;border:1px solid #DCCFDC;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.6rem}
.epjv{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #DCCFDC;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#FFFFFF}
blockquote{border-left:4px solid #A30D4A;padding:.2rem 0 .2rem 1rem;color:#64596A;margin:1rem 0}
.bikj{max-width:46rem;margin:1.8rem auto;background:#f9f0f4;border:1px solid #DCCFDC;border-radius:var(--radius);padding:1.4rem 1.6rem}
.ilee{font-size:1.25rem;margin-bottom:.7rem}
.mozc{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.ifsl{padding-left:1.1rem;position:relative;font-size:.95rem}
.ifsl::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#A30D4A}
.rqwc{max-width:46rem;margin:1.8rem auto;padding:0;list-style:none;counter-reset:src}
.ttxy{border-top:1px solid #DCCFDC;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.ttxy::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'Saira Condensed', 'Arial Narrow', sans-serif;font-weight:700;color:#A30D4A}
.mstu{margin-bottom:.3rem}
.pbxw{font-size:.88rem;color:#64596A}
.qqez{max-width:46rem;margin:0 auto}
.klwb{border-bottom:1px solid #DCCFDC;padding:1.1rem 0}
.rijp{font-size:1.15rem;margin-bottom:.5rem}
.recg{color:#181321}
.frbk{background:#e8f0f2;border-top:1px solid #DCCFDC;border-bottom:1px solid #DCCFDC;margin:2rem 0 0}
.ujtx{max-width:46rem;margin:0 auto;padding:2.2rem 1.5rem;text-align:center}
.ujtx h2{margin-bottom:.7rem}
.ujtx p{margin-bottom:1.1rem}
.mftq{display:inline-block;background:#A30D4A;color:#FFFFFF;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.mftq:hover{opacity:.9}

.sshz{font-size:1.45rem;margin-bottom:.45rem}
.jxlb p{margin-bottom:.55rem}
.jxlb p:last-child{margin-bottom:0}
.yzhi{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.tngq{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.tngq:hover{opacity:.92}
.jrqf{padding:0 1.5rem;margin-top:-1.5rem;position:relative;z-index:2}
.haup{max-width:64rem;margin:0 auto;background:#FFF8F1;border-top:6px solid #A30D4A;border-radius:var(--radius);box-shadow:0 18px 40px -18px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.08);padding:1.6rem 2rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem 2.5rem;align-items:center}
.cgfr{display:inline-block;background:#A30D4A;color:#FFFFFF;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:999px;margin-bottom:.6rem}
.yzhi{color:#666360}
.nboj::before{content:"\2713\00a0";color:#A30D4A}
.tngq{background:#A30D4A;color:#FFFFFF;box-shadow:0 10px 22px -12px #A30D4A}
@media (max-width:720px){.haup{display:block} .cgfr{transform:none;max-width:none;margin-bottom:.6rem} .tngq{display:block;text-align:center;margin-top:1rem}}
.qbqf{background:#181321;color:#FFFFFF} .qbqf a{color:inherit}
.qbqf .xuwi{padding:2.2rem 1.5rem}
.rtpj{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.ohku{font-style:italic;margin-bottom:.8rem}
.wokq{font-size:.9rem;margin-bottom:.8rem}
.wyfb{font-size:.85rem;color:#64596A}
.qbqf .wyfb{opacity:.85}
.xwry{color:#64596A;font-size:.92rem}
.qbqf .hqsr,.qbqf .xwry{color:#908e94}
.qbqf .wyfb{color:#828087;opacity:1}
@media(max-width:760px){
  .xxmr .xuwi{grid-template-columns:1fr;gap:1.5rem}
  .rtpj{grid-template-columns:1fr}
  .drqv .xuwi{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .drqv .sbym{border-top:0;padding-top:0}
  .drqv .rpzo{display:flex}
  .drqv .sbym{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #DCCFDC;padding-top:.4rem;margin-top:.4rem}
  .drqv .sbym[data-open="true"]{display:flex}
  .drqv .jgfk{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
:root {
--icon-spark: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='m12%203%201.7%205.3L19%2010l-5.3%201.7L12%2017l-1.7-5.3L5%2010l5.3-1.7L12%203Z'/%3E%3Cpath%20d='m19%2016%20.8%202.2L22%2019l-2.2.8L19%2022l-.8-2.2L16%2019l2.2-.8L19%2016Z'/%3E%3C/svg%3E");
--icon-check: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='8'/%3E%3Cpath%20d='m8.5%2012%202.2%202.2%204.8-5'/%3E%3C/svg%3E");
--icon-pin: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M19%2010c0%205-7%2011-7%2011S5%2015%205%2010a7%207%200%201%201%2014%200Z'/%3E%3Ccircle%20cx='12'%20cy='10'%20r='2.2'/%3E%3C/svg%3E");
--icon-file: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%203h7l4%204v14H7Z'/%3E%3Cpath%20d='M14%203v5h5M10%2013h5M10%2017h5'/%3E%3C/svg%3E");
--icon-chat: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%205h14v11H9l-4%204Z'/%3E%3Cpath%20d='M9%209h6M9%2013h4'/%3E%3C/svg%3E");
--icon-arrow: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%2012h13M13%207l5%205-5%205'/%3E%3C/svg%3E");
}
body {
background-color: #FFF8F1;
background-image: linear-gradient(90deg, transparent 0, transparent calc(50% - .5px), #DCCFDC calc(50% - .5px), #DCCFDC calc(50% + .5px), transparent calc(50% + .5px));
background-size: 18rem 100%;
color: #181321;
font-size: 1.025rem;
line-height: 1.78;
}
h1, h2, h3, h4 {
letter-spacing: -.018em;
}
a {
text-underline-offset: .18em;
text-decoration-thickness: .08em;
}
.jiiy:focus {
left: 1rem;
top: 1rem;
outline: 3px solid #FFFFFF;
outline-offset: 3px;
}
.drqv {
position: relative;
border-top: 5px solid #A30D4A;
border-bottom: 1px solid #181321;
box-shadow: 0 4px 0 #F4EAF4;
}
.drqv .xuwi {
display: grid;
grid-template-columns: minmax(15rem, .7fr) minmax(0, 1.8fr);
align-items: end;
gap: 1.5rem 3rem;
padding: 1.05rem 1.5rem 1.1rem;
text-align: left;
}
.mmkm {
display: inline-grid;
grid-template-columns: 2.75rem auto;
grid-template-rows: auto auto;
align-items: center;
gap: .1rem .7rem;
font-size: 1.55rem;
font-weight: 800;
line-height: 1;
letter-spacing: -.01em;
text-transform: uppercase;
}
.mmkm::before {
content: "G/P";
grid-row: 1 / span 2;
display: grid;
width: 2.75rem;
aspect-ratio: 1;
place-items: center;
background: #A30D4A;
border: 2px solid #181321;
box-shadow: 3px 3px 0 #176B78;
color: #FFFFFF;
font-size: 1rem;
letter-spacing: -.06em;
transform: skew(-4deg);
}
.mmkm::after {
content: "PRP EVIDENCE  /  GILBERT";
grid-column: 2;
color: #176B78;
font-size: .58rem;
font-weight: 700;
letter-spacing: .18em;
}
.hqsr {
margin-top: .38rem;
color: #64596A;
font-size: .72rem;
font-weight: 700;
letter-spacing: .08em;
line-height: 1.4;
text-transform: uppercase;
}
.sbym {
justify-content: flex-end;
gap: .25rem 1.15rem;
border-top: 0;
padding-top: 0;
}
.jgfk {
position: relative;
padding: .15rem 0;
color: #181321;
font-family: 'Saira Condensed', 'Arial Narrow', sans-serif;
font-size: .95rem;
font-weight: 700;
letter-spacing: .045em;
text-transform: uppercase;
}
.jgfk::after {
content: "";
position: absolute;
right: 0;
bottom: -.1rem;
left: 0;
height: 2px;
background: #A30D4A;
transform: scaleX(0);
transform-origin: right;
transition: transform .18s ease;
}
.jgfk:hover::after,
.jgfk:focus-visible::after {
transform: scaleX(1);
transform-origin: left;
}
.xxmr {
position: relative;
overflow: hidden;
background: #181321;
background-image: repeating-linear-gradient(164deg, transparent 0, transparent 2.3rem, rgba(255,248,241,.055) 2.35rem, rgba(255,248,241,.055) 2.42rem);
border-bottom: 9px solid #176B78;
}
.xxmr::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 31%;
background: #A30D4A;
clip-path: polygon(35% 0, 100% 0, 100% 100%, 0 100%, 24% 54%);
}
.xxmr::after {
content: "";
position: absolute;
top: 18%;
right: 6%;
width: min(17vw, 13rem);
aspect-ratio: 1;
border: 1px solid #FFF8F1;
box-shadow: 1.2rem 1.2rem 0 -1.1rem #FFF8F1, -1.2rem -1.2rem 0 -1.1rem #FFF8F1;
transform: rotate(12deg);
}
.xxmr .xuwi {
position: relative;
z-index: 1;
max-width: 72rem;
padding: clamp(4rem, 8vw, 7rem) 1.5rem clamp(4.5rem, 8vw, 7.5rem);
text-align: left;
}
.kdhl {
position: relative;
width: min(72%, 50rem);
padding-left: clamp(1.15rem, 2.5vw, 2rem);
border-left: 2px solid #A30D4A;
}
.kdhl::after {
content: "FIELD NOTE  /  WHITE-CELL MAP";
position: absolute;
top: calc(100% + 1.35rem);
left: clamp(1.15rem, 2.5vw, 2rem);
color: #FFFFFF;
font-family: 'Saira Condensed', 'Arial Narrow', sans-serif;
font-size: .68rem;
font-weight: 700;
letter-spacing: .2em;
}
.xmxe {
display: inline-flex;
align-items: center;
gap: .65rem;
margin-bottom: 1.15rem;
color: #FFFFFF;
font-family: 'Saira Condensed', 'Arial Narrow', sans-serif;
font-size: .8rem;
font-weight: 700;
letter-spacing: .2em;
}
.xmxe::before {
content: "";
width: 2.8rem;
height: 4px;
background: #A30D4A;
}
.yfhu {
max-width: 48rem;
margin-bottom: 1.2rem;
color: #FFFFFF;
font-size: clamp(3.2rem, 7.4vw, 6.2rem);
font-weight: 800;
line-height: .92;
letter-spacing: -.035em;
text-wrap: balance;
}
.yons {
max-width: 43rem;
margin: 0;
color: #FFFFFF;
font-size: 1.08rem;
font-weight: 500;
line-height: 1.65;
}
.bnxi {
justify-content: flex-start;
gap: .5rem;
margin-top: 1.65rem;
}
.ejqm {
display: inline-flex;
align-items: center;
gap: .42rem;
border: 1px solid #DCCFDC;
border-radius: 2px;
background: #FFF8F1;
color: #181321;
font-family: 'Saira Condensed', 'Arial Narrow', sans-serif;
font-size: .78rem;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
}
.ejqm::before {
content: "";
width: .48rem;
aspect-ratio: 1;
background: #A30D4A;
clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.jrqf {
margin-top: -2.35rem;
padding: 0 1.5rem;
}
.haup {
position: relative;
max-width: 66rem;
grid-template-columns: minmax(0, 1fr) auto;
gap: 1.5rem 3rem;
padding: 1.8rem 2rem 1.65rem;
overflow: hidden;
background: #FFFFFF;
background-image: linear-gradient(135deg, transparent 0 78%, #F4EAF4 78% 100%);
border: 2px solid #181321;
border-top: 2px solid #181321;
border-radius: 2px;
box-shadow: 9px 9px 0 #F4EAF4;
}
.haup::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 7px;
background: #A30D4A;
}
.lcyg,
.tngq {
position: relative;
z-index: 1;
}
.cgfr {
display: inline-flex;
align-items: center;
gap: .4rem;
border-radius: 2px;
background: #176B78;
color: #FFFFFF;
font-family: 'Saira Condensed', 'Arial Narrow', sans-serif;
font-size: .72rem;
letter-spacing: .14em;
}
.cgfr::before {
content: "";
width: .9rem;
height: .9rem;
background: currentColor;
-webkit-mask: var(--icon-spark) center / contain no-repeat;
mask: var(--icon-spark) center / contain no-repeat;
}
.sshz {
max-width: 44rem;
margin-bottom: .55rem;
font-size: clamp(1.7rem, 3vw, 2.25rem);
line-height: 1.05;
}
.jxlb,
.yzhi {
color: #181321;
}
.yzhi {
gap: .25rem 1.1rem;
font-size: .8rem;
font-weight: 700;
}
.nboj::before {
content: "";
display: inline-block;
width: 1rem;
height: 1rem;
margin-right: .3rem;
vertical-align: -.17rem;
background: #A30D4A;
-webkit-mask: var(--icon-check) center / contain no-repeat;
mask: var(--icon-check) center / contain no-repeat;
}
.tngq {
border: 2px solid #181321;
border-radius: 2px;
background: #A30D4A;
color: #FFFFFF;
box-shadow: 5px 5px 0 #181321;
font-family: 'Saira Condensed', 'Arial Narrow', sans-serif;
letter-spacing: .045em;
text-transform: uppercase;
}
.dhyb {
padding: 5.25rem 0 3.5rem;
}
.dhyb .xuwi {
counter-reset: chapter;
}
.uxxo {
position: relative;
max-width: 52rem;
margin-bottom: 2.6rem;
padding: 2.75rem 2rem 1.65rem;
background: #FFFFFF;
border-left: 7px solid #A30D4A;
box-shadow: 8px 8px 0 #F4EAF4;
color: #181321;
font-size: 1.14rem;
font-weight: 500;
line-height: 1.78;
}
.uxxo::before {
content: "OPENING NOTE  /  READ THE EVIDENCE BY TISSUE";
position: absolute;
top: .75rem;
left: 2rem;
color: #A30D4A;
font-family: 'Saira Condensed', 'Arial Narrow', sans-serif;
font-size: .7rem;
font-weight: 800;
letter-spacing: .14em;
}
.srzl {
counter-increment: chapter;
max-width: 50rem;
padding: 2.6rem 2rem 2.8rem;
border-top: 1px solid #181321;
}
.srzl:nth-of-type(even) {
background: #F4EAF4;
border-top-color: #A30D4A;
}
.srzl h2 {
display: grid;
grid-template-columns: 3.2rem minmax(0, 1fr);
align-items: start;
gap: .85rem;
margin-bottom: 1.15rem;
color: #181321;
font-size: clamp(2rem, 4vw, 2.65rem);
font-weight: 800;
line-height: 1;
}
.srzl h2::before {
content: counter(chapter, decimal-leading-zero);
padding-top: .18rem;
border-top: 4px solid #A30D4A;
color: #A30D4A;
font-size: 1rem;
letter-spacing: .08em;
}
.srzl h3 {
margin: 1.6rem 0 .55rem;
font-size: 1.45rem;
}
.srzl p,
.srzl li,
.uxxo p {
color: #181321;
}
.odpc {
max-width: 50rem;
margin-bottom: 2.5rem;
padding: 1.5rem 1.65rem;
background: #F4EAF4;
border: 1px solid #181321;
border-left: 7px solid #176B78;
border-radius: 2px;
color: #181321;
}
blockquote {
margin: 1.5rem 0;
padding: 1rem 1.25rem;
background: #FFFFFF;
border: 0;
border-left: 6px solid #176B78;
color: #181321;
font-weight: 500;
}
.epjv {
margin: 1.5rem 0;
border: 2px solid #181321;
background: #FFFFFF;
}
th, td {
border-color: #DCCFDC;
color: #181321;
}
th {
background: #F4EAF4;
font-family: 'Saira Condensed', 'Arial Narrow', sans-serif;
font-size: 1rem;
letter-spacing: .035em;
}
.bikj {
position: relative;
max-width: 50rem;
margin: 3.6rem auto;
padding: 2.2rem 2.2rem 2rem;
overflow: hidden;
background: #181321;
border: 0;
border-left: 10px solid #176B78;
border-radius: 2px;
box-shadow: 9px 9px 0 #DCCFDC;
color: #FFFFFF;
}
.bikj::after {
content: "";
position: absolute;
top: -4rem;
right: -4rem;
width: 10rem;
aspect-ratio: 1;
border: 2rem solid #A30D4A;
transform: rotate(18deg);
}
.ilee,
.bikj p,
.ifsl,
.bikj strong {
position: relative;
z-index: 1;
color: #FFFFFF;
}
.ilee {
display: flex;
align-items: center;
gap: .65rem;
max-width: 36rem;
margin-bottom: 1rem;
font-size: 2rem;
line-height: 1.05;
}
.ilee::before {
content: "";
flex: 0 0 1.45rem;
width: 1.45rem;
height: 1.45rem;
background: #FFFFFF;
-webkit-mask: var(--icon-pin) center / contain no-repeat;
mask: var(--icon-pin) center / contain no-repeat;
}
.mozc {
position: relative;
z-index: 1;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: .7rem 1.5rem;
margin-top: 1.25rem;
padding-top: 1rem;
border-top: 1px solid #DCCFDC;
}
.ifsl::before {
top: .3em;
width: 1.05rem;
height: 1.05rem;
border-radius: 0;
background: #A30D4A;
-webkit-mask: var(--icon-pin) center / contain no-repeat;
mask: var(--icon-pin) center / contain no-repeat;
}
.rqwc {
max-width: 50rem;
display: grid;
gap: .85rem;
margin: 1.5rem auto 0;
}
.ttxy {
min-height: 5.5rem;
padding: 1.15rem 1.25rem 1.15rem 4.5rem;
background: #FFFFFF;
border: 1px solid #DCCFDC;
border-left: 3px solid #181321;
box-shadow: 4px 4px 0 #F4EAF4;
}
.ttxy::before {
content: "";
top: 1.15rem;
left: 1rem;
display: block;
width: 2.25rem;
height: 2.25rem;
background: #A30D4A;
-webkit-mask: var(--icon-file) center / contain no-repeat;
mask: var(--icon-file) center / contain no-repeat;
}
.mstu {
color: #181321;
line-height: 1.65;
}
.pbxw {
color: #64596A;
font-size: .84rem;
line-height: 1.55;
}
.qqez {
max-width: 50rem;
display: grid;
gap: 1rem;
counter-reset: question;
}
.klwb {
counter-increment: question;
display: grid;
grid-template-columns: 3rem minmax(0, 1fr);
padding: 1.45rem 1.5rem;
background: #FFFFFF;
border: 1px solid #181321;
box-shadow: 5px 5px 0 #F4EAF4;
}
.klwb::before {
content: "";
grid-row: 1 / span 2;
width: 2rem;
height: 2rem;
background: #A30D4A;
-webkit-mask: var(--icon-chat) center / contain no-repeat;
mask: var(--icon-chat) center / contain no-repeat;
}
.rijp {
margin-bottom: .5rem;
color: #181321;
font-size: 1.45rem;
line-height: 1.15;
}
.recg {
color: #181321;
line-height: 1.7;
}
.frbk {
position: relative;
overflow: hidden;
margin-top: 2rem;
background: #A30D4A;
background-image: repeating-linear-gradient(155deg, transparent 0, transparent 3.2rem, rgba(255,255,255,.075) 3.25rem, rgba(255,255,255,.075) 3.35rem);
border: 0;
border-top: 8px solid #176B78;
}
.frbk::after {
content: "";
position: absolute;
right: -5rem;
bottom: -7rem;
width: 17rem;
aspect-ratio: 1;
border: 2px solid #FFFFFF;
transform: rotate(22deg);
}
.ujtx {
position: relative;
z-index: 1;
max-width: 54rem;
padding: 4rem 2rem 4.25rem;
}
.ujtx h2,
.ujtx p {
color: #FFFFFF;
}
.ujtx h2 {
margin-bottom: 1rem;
font-size: clamp(2.3rem, 5vw, 3.7rem);
line-height: .98;
}
.ujtx p {
line-height: 1.72;
}
.mftq {
display: inline-flex;
align-items: center;
gap: .65rem;
margin-top: .4rem;
border: 2px solid #181321;
border-radius: 2px;
background: #FFFFFF;
color: #181321;
box-shadow: 6px 6px 0 #181321;
font-family: 'Saira Condensed', 'Arial Narrow', sans-serif;
font-weight: 800;
letter-spacing: .055em;
text-transform: uppercase;
}
.mftq::after,
.tngq::after {
content: "";
display: inline-block;
width: 1.1rem;
height: 1.1rem;
margin-left: .5rem;
vertical-align: -.18rem;
background: currentColor;
-webkit-mask: var(--icon-arrow) center / contain no-repeat;
mask: var(--icon-arrow) center / contain no-repeat;
transition: transform .18s ease;
}
.mftq:hover::after,
.tngq:hover::after {
transform: translateX(.2rem);
}
.qbqf {
border-top: 0;
background: #181321;
color: #FFFFFF;
}
.qbqf .xuwi {
padding: 3.4rem 1.5rem 2rem;
}
.rtpj {
grid-template-columns: minmax(0, 2.2fr) minmax(15rem, 1fr);
gap: 3rem;
margin-bottom: 2.25rem;
}
.qbqf .hqsr,
.qbqf .xwry,
.ohku,
.wokq {
color: #FFFFFF;
}
.qbqf .hqsr {
margin-bottom: .75rem;
color: #DCCFDC;
font-size: .78rem;
}
.qbqf .xwry {
max-width: 46rem;
font-size: 1rem;
}
.ohku {
margin-top: 1.25rem;
padding-left: 1rem;
border-left: 4px solid #A30D4A;
}
.wokq {
max-width: 48rem;
font-size: .82rem;
}
.qbqf .jgfk {
color: #FFFFFF;
line-height: 2.15;
}
.qbqf .wyfb {
padding-top: 1.25rem;
border-top: 1px solid #DCCFDC;
color: #DCCFDC;
opacity: 1;
}
@media (max-width: 760px) {
body { background-size: 10rem 100%; }
.drqv .xuwi {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
  padding: .9rem 1rem;
  text-align: left;
}
.drqv .sbym {
  gap: 0;
  padding-top: .4rem;
}
.mmkm { grid-template-columns: 2.2rem auto; font-size: 1.08rem; }
.mmkm::before { width: 2.2rem; font-size: .82rem; box-shadow: 2px 2px 0 #176B78; }
.mmkm::after { font-size: .48rem; letter-spacing: .12em; }
.hqsr { max-width: 15rem; font-size: .62rem; }
.xxmr::before { width: 18%; opacity: .7; }
.xxmr::after { right: -2rem; width: 8rem; opacity: .45; }
.xxmr .xuwi { padding: 3.5rem 1.25rem 5rem; }
.kdhl { width: 88%; padding-left: 1rem; }
.kdhl::after { left: 1rem; font-size: .58rem; letter-spacing: .12em; }
.yfhu { font-size: clamp(3rem, 15vw, 4.4rem); }
.yons { font-size: 1rem; }
.bnxi { gap: .4rem; }
.ejqm { padding: .25rem .55rem; }
.jrqf { margin-top: -2rem; padding: 0 1rem; }
.haup { display: block; padding: 1.5rem 1.35rem; box-shadow: 6px 6px 0 #F4EAF4; }
.tngq { display: block; margin-top: 1.25rem; text-align: center; white-space: normal; }
.dhyb { padding-top: 4.25rem; }
.dhyb .xuwi { padding: 0 1rem; }
.uxxo { padding: 2.65rem 1.25rem 1.35rem; font-size: 1.04rem; }
.uxxo::before { left: 1.25rem; font-size: .61rem; letter-spacing: .1em; }
.srzl { padding: 2.2rem 1rem 2.4rem; }
.srzl h2 { grid-template-columns: 2.5rem minmax(0, 1fr); gap: .6rem; }
.bikj { padding: 1.65rem 1.35rem; box-shadow: 6px 6px 0 #DCCFDC; }
.mozc { grid-template-columns: 1fr; }
.ttxy { padding: 1rem 1rem 1rem 3.8rem; }
.klwb { grid-template-columns: 2.5rem minmax(0, 1fr); padding: 1.2rem 1rem; }
.ujtx { padding: 3rem 1.25rem 3.3rem; }
.rtpj { grid-template-columns: 1fr; gap: 1.5rem; }
}