:root{
  --paper:#f8f6f1; --paper2:#f1eee6; --card:#fcfbf8; --ink:#1f1e1b; --ink2:#4a4741; --dim:#8a857b; --rule:#e3ded3; --rule2:#d2ccbf;
  --sage:#6f8a73; --sage2:#56705a; --sage-bg:#e7ece4; --warn:#9a4a3a;
  --serif:'Source Serif 4', Georgia, serif; --mono:'IBM Plex Mono', ui-monospace, monospace;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 var(--serif);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input,textarea{font:inherit;color:inherit}
.mono,code,pre{font-family:var(--mono)}
.small{font-size:13px}.dim{color:var(--dim)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--paper);padding:6px 10px;z-index:300}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--sage);outline-offset:3px;border-radius:2px}
::selection{background:#d9e2d6}
.col{max-width:760px;margin:0 auto;padding-left:24px;padding-right:24px}

/* bar */
.bar{position:sticky;top:0;z-index:100;background:rgba(248,246,241,.92);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .3s}
.bar.scrolled{border-bottom-color:var(--rule)}
.bar-in{max-width:1180px;margin:0 auto;height:62px;padding:0 24px;display:flex;align-items:center;gap:26px}
.mark{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:21px;font-weight:600;letter-spacing:-.01em}
.mark svg{width:24px;height:24px}
.links{display:flex;gap:20px;min-width:0}
.links a{font-family:var(--mono);font-size:12.5px;text-decoration:none;color:var(--ink2);position:relative;padding:4px 0}
.links a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--sage);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.links a:hover::after{transform:scaleX(1)}
.bar-r{margin-left:auto;display:flex;align-items:center;gap:14px}
.lockstate{font-family:var(--mono);font-size:11.5px;color:var(--dim);display:flex;align-items:center;gap:6px;white-space:nowrap}
.lockstate::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--rule2)}
.lockstate.open{color:var(--sage2)}.lockstate.open::before{background:var(--sage)}
.xl{display:grid;place-items:center;width:32px;height:32px}
.xl svg{width:15px;height:15px}
.menu{display:none;background:none;border:1px solid var(--rule2);border-radius:20px;font-family:var(--mono);font-size:12px;padding:6px 12px;cursor:pointer}

/* wallet */
.wb{position:relative}
.wb-btn{font-family:var(--mono);font-size:12.5px;background:var(--ink);color:var(--paper);border:0;border-radius:20px;padding:8px 15px;cursor:pointer;white-space:nowrap;transition:transform .12s,background .2s;max-width:44vw;overflow:hidden;text-overflow:ellipsis}
.wb-btn:hover{background:#34322d}
.wb-btn:active{transform:scale(.96)}
.wb-btn.is-on{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule2)}
.wb-btn.is-on::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sage);margin-right:8px;vertical-align:2px}
.wb-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:400;width:280px;max-width:calc(100vw - 24px);background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:6px;box-shadow:0 20px 50px rgba(40,36,28,.14);display:flex;flex-direction:column;animation:pop .2s ease-out}
@keyframes pop{from{opacity:0;transform:translateY(-6px)}}
.wb-item{display:flex;align-items:center;gap:9px;background:none;border:0;text-align:left;padding:9px 11px;border-radius:6px;cursor:pointer;text-decoration:none;font-family:var(--mono);font-size:12.5px}
.wb-item:hover,.wb-item:focus-visible{background:var(--paper2)}
.wb-item img{width:18px;height:18px}
.wb-addr{font-family:var(--mono);font-size:11.5px;word-break:break-all;padding:9px 11px;color:var(--ink2);border-bottom:1px solid var(--rule)}
.wb-bal{font-family:var(--mono);font-size:13px;padding:8px 11px;color:var(--sage2)}
.wb-note{font-size:13px;color:var(--dim);padding:8px 11px;line-height:1.4}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:var(--paper);border:0;border-radius:24px;padding:12px 22px;font-family:var(--mono);font-size:13px;cursor:pointer;text-decoration:none;transition:transform .12s,background .2s;white-space:nowrap}
.btn:hover{background:#34322d}.btn:active{transform:scale(.97)}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule2)}
.btn-ghost:hover{background:var(--paper2)}
.btn-s{padding:9px 16px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.link-btn{background:none;border:0;padding:0;font-family:var(--mono);font-size:12.5px;color:var(--sage2);cursor:pointer;text-decoration:underline;text-decoration-color:var(--rule2);text-underline-offset:4px;transition:text-decoration-color .2s}
.link-btn:hover{text-decoration-color:var(--sage)}
.link-btn[disabled]{color:var(--dim);cursor:not-allowed;text-decoration:none}
.link-btn.danger{color:var(--warn)}
.copy.done{color:var(--sage)}
.field{width:100%;min-width:0;background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:11px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s}
.field:focus{outline:none;border-color:var(--sage);box-shadow:0 0 0 4px rgba(111,138,115,.12)}
.area{resize:vertical;line-height:1.55;font-size:14px}
.file-btn{position:relative;cursor:pointer}
.file-btn:focus-within{outline:2px solid var(--sage);outline-offset:3px}

/* hero */
.hero{padding-top:90px;padding-bottom:40px}
.date{font-size:12.5px;color:var(--dim);margin:0 0 26px;letter-spacing:.04em}
h1{font-size:clamp(40px,6.4vw,70px);line-height:1.04;letter-spacing:-.03em;font-weight:500;margin:0 0 30px}
.lines span{display:block;opacity:0;transform:translateY(18px)}
.lines.go span{animation:rise .9s cubic-bezier(.2,.8,.2,1) both}
.lines span:nth-child(3){font-style:italic;color:var(--sage2)}
@keyframes rise{to{opacity:1;transform:none}}
.lede{font-size:20px;color:var(--ink2);max-width:36em;margin:0 0 30px}
.fade{opacity:0;transform:translateY(10px)}
.fade.go{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);opacity:1;transform:none}
.ca{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12.5px;border:1px solid var(--rule);border-radius:20px;padding:6px 14px;margin-bottom:26px;max-width:100%}
.ca code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.cipher{margin:10px 0 36px;padding:30px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.cipher-line{font-size:clamp(20px,2.7vw,27px);line-height:1.55;min-height:3.2em;word-break:break-word}
.cipher-line span{display:inline-block;white-space:pre;transition:color .35s}
.cipher-line span.c{font-family:var(--mono);font-size:.74em;color:var(--sage2);animation:flipc .32s cubic-bezier(.2,.8,.2,1)}
.cipher-line span.p{animation:flipc .32s cubic-bezier(.2,.8,.2,1)}
.cipher-line span.cur{box-shadow:inset 0 -2px 0 var(--sage)}
@keyframes flipc{from{opacity:0;transform:translateY(-.35em)}}
.cap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--ink2);margin-top:16px}
.hero-act{display:flex;align-items:center;gap:24px;flex-wrap:wrap}

/* sections */
.sec{padding-top:110px}
.sec-head{margin-bottom:30px}
.num{font-size:13px;color:var(--sage2);display:block;margin-bottom:6px}
.sec-head h2,.how-txt h2{font-size:clamp(30px,4vw,42px);line-height:1.1;letter-spacing:-.02em;font-weight:500;margin:0 0 12px}
.sec-head p{color:var(--ink2);margin:0;max-width:38em}
.rv{opacity:0;transform:translateY(20px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}

/* notebook */
.nb{background:var(--card);border:1px solid var(--rule);border-radius:14px;box-shadow:0 1px 0 #fff inset,0 24px 60px -30px rgba(40,36,28,.25);overflow:hidden;width:min(1000px,calc(100vw - 48px));margin-left:50%;transform:translateX(-50%)}
.nb.rv{transform:translate(-50%,20px)}.nb.rv.in{transform:translateX(-50%)}
.unlock{display:grid;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);padding:36px}
.u-opt h3{font-size:22px;font-weight:500;margin:0 0 8px}
.u-opt p{font-size:15.5px;color:var(--ink2);margin:0 0 16px}
.u-opt .field{margin-bottom:10px}
.u-or{display:grid;place-items:center;color:var(--dim);font-size:12px;position:relative}
.u-or::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--rule)}
.u-or{background:linear-gradient(var(--card),var(--card)) center/30px 24px no-repeat}
.msg{margin:0 0 18px}
.msg summary{font-size:12px;color:var(--sage2);cursor:pointer}
.msg pre{background:var(--paper2);border-radius:8px;padding:12px 14px;font-size:11.5px;white-space:pre-wrap;word-break:break-all;margin:8px 0 0;line-height:1.5}
.meter{height:3px;background:var(--rule);border-radius:2px;overflow:hidden;margin:2px 0 6px}
.meter i{display:block;height:100%;background:var(--sage);transform-origin:left;transform:scaleX(0);transition:transform .4s,background .4s}
.u-msg{grid-column:1/-1;font-size:12.5px;margin:18px 0 0;min-height:1.5em;color:var(--ink2)}
.u-msg.err{color:var(--warn)}
.desk{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:520px}
.side{border-right:1px solid var(--rule);background:#faf8f3;padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.side-top{display:flex;justify-content:space-between;align-items:center}
.notes{list-style:none;margin:0;padding:0;flex:1;overflow:auto;max-height:430px}
.notes li button{display:block;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:9px 10px;cursor:pointer;transition:background .2s}
.notes li button:hover{background:var(--paper2)}
.notes li button[aria-current="true"]{background:var(--sage-bg)}
.notes b{display:block;font-weight:500;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notes span{display:block;font-family:var(--mono);font-size:11px;color:var(--dim)}
.editor{padding:26px 34px;display:flex;flex-direction:column;min-width:0}
.title-in{border:0;background:none;font-size:28px;font-weight:500;letter-spacing:-.015em;padding:0;margin-bottom:12px;outline:none}
.body-in{flex:1;border:0;background:none;resize:none;min-height:340px;font-size:18px;line-height:1.75;outline:none;padding:0}
.ed-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--rule);padding-top:12px;color:var(--dim)}
.ed-tools{display:flex;gap:16px;flex-wrap:wrap}
.peek{background:var(--ink);color:#d9d5ca;border-radius:8px;padding:14px;font-size:11px;line-height:1.5;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-all;margin:12px 0 0}
.saving{color:var(--sage2)}

/* search */
.s-row{display:flex;gap:12px;align-items:stretch}
.s-row .field{flex:1}
.results{list-style:none;margin:16px 0 0;padding:0}
.results li{padding:16px 0;border-bottom:1px solid var(--rule);animation:rise .5s cubic-bezier(.2,.8,.2,1) both;cursor:pointer}
.results b{font-weight:500;font-size:19px}
.results .sc{font-family:var(--mono);font-size:11.5px;color:var(--dim);float:right}
.results p{margin:4px 0 0;font-size:15.5px;color:var(--ink2)}
.results mark{background:#e3eadf;color:inherit;padding:0 2px;border-radius:2px}

/* redactor */
.r-opts{display:flex;align-items:center;gap:20px;margin:12px 0;flex-wrap:wrap;font-family:var(--mono);font-size:12.5px}
.r-opts label{display:flex;align-items:center;gap:7px;cursor:pointer}
.r-opts input{accent-color:var(--sage)}
.r-opts .btn{margin-left:auto}
.r-sum{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px;min-height:10px}
.tag{font-family:var(--mono);font-size:11.5px;border-radius:20px;padding:3px 11px;background:var(--paper2);border:1px solid var(--rule);animation:rise .4s both}
.tag.hi{background:#f2e2dc;border-color:#e3c7bd;color:var(--warn)}
.tag.ok{background:var(--sage-bg);border-color:#cfd9cb;color:var(--sage2)}
.r-out{background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:16px;font-size:13px;white-space:pre-wrap;word-break:break-word;min-height:90px;margin:0}
.r-out .rd{background:var(--ink);color:var(--paper);border-radius:3px;padding:0 5px;font-size:11.5px}
.r-out .rd.a{background:var(--sage-bg);color:var(--sage2)}
.r-act{display:flex;gap:22px;margin-top:12px;flex-wrap:wrap}
.addr-list{list-style:none;margin:14px 0 0;padding:0}
.addr-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--rule);font-size:14px;align-items:baseline}
.addr-list code{font-size:12px;word-break:break-all}
.addr-list .k{font-family:var(--mono);font-size:11.5px;color:var(--sage2);text-align:right}

/* seal */
.seg{position:relative;display:inline-flex;background:var(--paper2);border-radius:20px;padding:3px;margin-bottom:16px}
.seg button{position:relative;z-index:1;background:none;border:0;padding:6px 18px;font-family:var(--mono);font-size:12.5px;cursor:pointer;color:var(--ink2);transition:color .3s}
.seg button[aria-selected="true"]{color:var(--paper)}
.seg-i{position:absolute;top:3px;bottom:3px;left:0;background:var(--ink);border-radius:17px;transition:transform .4s cubic-bezier(.2,.8,.2,1),width .4s}
.seal-row{display:flex;gap:12px;margin-top:12px}
.seal-out{margin:16px 0 8px;background:var(--paper2);border-radius:8px;padding:14px;font-size:12.5px;white-space:pre-wrap;word-break:break-all;min-height:20px}
.seal-out:empty{display:none}

/* vault file */
.vf{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.vf p{width:100%;margin:6px 0 0;color:var(--ink2)}

/* network */
.nw-sum{font-size:13px;margin-bottom:12px;display:flex;gap:22px;flex-wrap:wrap}
.nw-sum b{font-weight:500;font-size:20px;color:var(--ink);display:block;font-family:var(--serif)}
.nw{list-style:none;margin:0 0 12px;padding:0;border-top:1px solid var(--rule);max-height:330px;overflow:auto}
.nw li{display:grid;grid-template-columns:70px minmax(0,1fr) 90px 70px;gap:10px;padding:8px 0;border-bottom:1px solid var(--rule);font-family:var(--mono);font-size:11.5px;align-items:baseline;animation:rise .4s both}
.nw .h{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nw .t{color:var(--sage2)}
.nw .r{text-align:right;color:var(--dim)}

/* how */
.how{position:relative;height:330vh;margin-top:110px;background:linear-gradient(var(--paper),var(--paper2) 12%,var(--paper2) 88%,var(--paper))}
.how-pin{position:sticky;top:62px;height:calc(100vh - 62px);display:flex;align-items:center}
.how-in{max-width:1100px;margin:0 auto;padding:0 24px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:60px;align-items:center}
.how-steps{list-style:none;margin:20px 0 0;padding:0}
.how-steps li{padding:12px 0 12px 18px;border-left:2px solid var(--rule);color:var(--dim);font-size:16.5px;transition:color .4s,border-color .4s}
.how-steps li.on{color:var(--ink);border-left-color:var(--sage)}
.how-svg{width:100%;height:auto;display:block}
.how-svg .node rect{fill:var(--card);stroke:var(--rule2);stroke-width:1.2;transition:stroke .4s,fill .4s}
.how-svg .node text{font-family:var(--serif);font-size:17px;fill:var(--dim);transition:fill .4s}
.how-svg .node .t2{font-family:var(--mono);font-size:10.5px}
.how-svg .node.on rect{stroke:var(--sage);fill:#fbfcf9}
.how-svg .node.on text{fill:var(--ink)}
.how-svg .node.on .t2{fill:var(--sage2)}
.how-svg .wire{fill:none;stroke:var(--sage);stroke-width:1.6;stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1)}
.how-svg .wire.on{stroke-dashoffset:0}
.how-svg .pulse{fill:var(--sage)}

/* faq + honest + foot */
.faq{border-top:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;padding:20px 30px 20px 0;font-size:19px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:2px;top:18px;font-family:var(--mono);color:var(--sage2);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{margin:0 0 22px;color:var(--ink2);font-size:16.5px}
.honest{border-left:2px solid var(--sage);padding:4px 0 4px 24px}
.honest h2{font-size:24px;font-weight:500;margin:0 0 8px}
.honest p{color:var(--ink2);font-size:16.5px;margin:0}
.foot{padding-top:90px;padding-bottom:50px;border-top:0}
.foot p{margin:6px 0}
.f-l{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin:8px 0}
.f-l a{text-decoration:none;color:var(--ink2)}
.f-l a:hover{color:var(--sage2)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:20px;font-size:12.5px;z-index:500;max-width:calc(100vw - 32px)}
.shim{position:relative;overflow:hidden;color:transparent!important;background:var(--paper2);border-radius:4px}
.shim::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:translateX(-100%);animation:shm 1.3s infinite}
@keyframes shm{to{transform:translateX(100%)}}
.err{color:var(--warn)}.ok{color:var(--sage2)}

@media (max-width:980px){
  .menu{display:block}
  .links{position:absolute;top:62px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--rule);flex-direction:column;gap:0;padding:6px 24px 16px;display:none}
  .links.open{display:flex}
  .links a{padding:12px 0;font-size:14px;border-bottom:1px solid var(--rule)}
  .lockstate{display:none}
  .how{height:auto}
  .how-pin{position:relative;top:0;height:auto;padding:50px 0}
  .how-in{grid-template-columns:minmax(0,1fr);gap:30px}
}
@media (max-width:720px){
  body{font-size:17px}
  .col{padding-left:16px;padding-right:16px}
  .bar-in{padding:0 14px;gap:12px}
  .mark span{display:none}
  .wb-btn{padding:8px 12px;font-size:12px}
  .hero{padding-top:50px}
  .lede{font-size:18px}
  .nb{width:calc(100vw - 32px)}
  .unlock{grid-template-columns:minmax(0,1fr);padding:22px;gap:10px}
  .u-or{height:30px}.u-or::before{left:0;right:0;top:50%;bottom:auto;width:auto;height:1px}
  .desk{grid-template-columns:minmax(0,1fr)}
  .side{border-right:0;border-bottom:1px solid var(--rule)}
  .notes{max-height:180px}
  .editor{padding:20px 18px}
  .s-row,.seal-row{flex-direction:column}
  .nw li{grid-template-columns:56px minmax(0,1fr) 54px}
  .nw li .sz{display:none}
  .r-opts .btn{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;animation-delay:0s!important;transition-duration:.001s!important}
  .lines span,.fade,.rv{opacity:1!important;transform:none!important}
  .nb.rv{transform:translateX(-50%)!important}
  html{scroll-behavior:auto}
}

/* ---------- plain-language pass ---------- */
abbr[title]{text-decoration:underline dotted;text-decoration-color:var(--sage);text-underline-offset:3px;cursor:help}
.hero .lede{margin-bottom:12px}
.lede-2{font-family:var(--mono);font-size:12.5px;line-height:1.7;color:var(--dim);max-width:60em;margin:0 0 30px}
.btn-ex{font-weight:500}
.hero-act .btn-ex{font-size:13px}
.steps3{padding-top:30px;padding-bottom:10px}
.steps3-h{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage2);font-weight:500;margin:0 0 16px}
.steps3-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.steps3-list li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--rule)}
.s3-n{font-size:15px;color:var(--sage2)}
.steps3-list p{margin:0;font-size:18px;color:var(--ink2)}
.steps3-list b{color:var(--ink);font-weight:600}
.steps3-note{margin:14px 0 0;font-family:var(--mono);font-size:12.5px;color:var(--ink2);background:var(--sage-bg);border-radius:6px;padding:10px 14px}
.sec-head p.wtd{color:var(--ink);margin-bottom:10px;font-size:18px}
.wtd b{font-weight:600}
.u-ex{grid-column:1/-1;margin:18px 0 0;font-size:15px}
.s-ex,.vf-ex{margin:12px 0;font-size:15px}
.vf-ex{flex-basis:100%}
.vf-prev{flex-basis:100%;max-height:260px}
.plain-v{margin:12px 0 0;padding:10px 14px;border-left:2px solid var(--rule2);background:var(--card);font-size:16px;color:var(--ink)}
.plain-v:empty{display:none}
.plain-v.ok{border-left-color:var(--sage)}.plain-v.bad{border-left-color:var(--warn)}
.r-act .small{align-self:center}
.gloss{margin:0;border-top:1px solid var(--rule)}
.gloss div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--rule)}
.gloss dt{font-family:var(--mono);font-size:13px;color:var(--sage2);padding-top:3px}
.gloss dd{margin:0;font-size:16.5px;color:var(--ink2)}
@media (max-width:720px){ .gloss div{grid-template-columns:minmax(0,1fr);gap:2px} .steps3-list li{grid-template-columns:38px minmax(0,1fr)} .steps3-list p{font-size:16.5px} }