.ty-how{gap:28px;display:grid}@media (min-width:1024px){.ty-how{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px}}.ty-axes ol{gap:10px;margin-top:14px;list-style:none;display:grid}.ty-axis{background:var(--panel);border:1px solid var(--line);padding:14px 16px}.ty-axis-h{font:800 15px/1 var(--f-jp);grid-template-columns:30px auto 1fr auto;align-items:center;gap:10px;margin:0 0 6px;display:grid}.ty-axis-h .num{color:var(--signal);font-size:18px;font-weight:700}.ty-axis-h i{background:linear-gradient(90deg, var(--holo), var(--signal));height:2px;position:relative}.ty-axis-h i:before,.ty-axis-h i:after{content:"";background:var(--ink);border:2px solid var(--holo);width:8px;height:8px;position:absolute;top:-3px;transform:rotate(45deg)}.ty-axis-h i:before{left:-4px}.ty-axis-h i:after{border-color:var(--signal);right:-4px}.ty-axis-t{color:var(--bone-2);margin:0;font-size:13px;line-height:1.75}.ty-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:16px;list-style:none;display:grid}.ty-grid>li{min-width:0}.ty-card{--c:14px;min-width:0;padding:18px 18px 16px}.ty-card .tcard-name{font-size:clamp(20px,1vw + 14px,24px)}.ty-card .tcard-catch{font-size:14px}.ty-shared:has(.skv){padding-top:28px}.ty-hero{align-items:start;gap:28px;display:grid}@media (min-width:1024px){.ty-hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px}}.ty-card--hero{--c:18px;padding:26px 24px 24px}@media (min-width:768px){.ty-card--hero{background-image:linear-gradient(90deg, transparent 39px, var(--paper-margin) 39px 40px, transparent 40px), var(--paper-lines);padding:32px 36px 30px 64px}}.ty-card--hero .tcard-name{font-size:clamp(28px,2.4vw + 14px,42px)}.ty-card--hero .tcard-catch{font-size:18px}.ty-card--hero .axd{max-width:460px}.ty-side{grid-template-columns:minmax(0,1fr);gap:22px;display:grid}.ty-hero>*{min-width:0}.ty-cta{gap:10px;display:grid}.ty-cta--row{flex-wrap:wrap;gap:10px 12px;margin:0 0 .9em;display:flex}.ty-cta--row .btn--block{flex:100%}@media (pointer:coarse){@media not all and (any-pointer:fine){.ty-side>.ty-cta{order:-1}}}.ty-block{gap:10px;display:grid}.ty-block .kicker{margin-bottom:0}.ty-tips{counter-reset:tp;gap:8px;list-style:none;display:grid}.ty-tips li{counter-increment:tp;background:var(--panel);border:1px solid var(--line);color:var(--bone-2);padding:10px 12px 10px 42px;font-size:13.5px;line-height:1.75;position:relative}.ty-tips li:before{content:counter(tp, decimal-leading-zero);font:700 16px/1.4 var(--f-num);color:var(--signal);position:absolute;top:11px;left:12px}.ty-drills{gap:8px;list-style:none;display:grid}.ty-drills a{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--holo);color:var(--bone);gap:2px;padding:10px 14px;text-decoration:none;display:grid}.ty-drills a:hover{border-color:var(--holo)}.ty-drill-k{font:600 10.5px/1.2 var(--f-jp);color:var(--holo);letter-spacing:.06em}.ty-drills b{font:800 14.5px/1.4 var(--f-jp)}.ty-drills small{color:var(--bone-2);font-size:12px;line-height:1.6}.ty-others{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:10px;list-style:none;display:grid}.ty-others a{background:var(--panel);border:1px solid var(--line);min-height:88px;color:var(--bone);--c:12px;clip-path:polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%);gap:4px;padding:14px 16px;text-decoration:none;display:grid}.ty-others a:hover{border-color:#ff5a1f8c}.ty-others b{font:400 17px/1.3 var(--f-jpd);letter-spacing:.03em}.ty-others small{color:var(--bone-2);font-size:12.5px;line-height:1.6}