.fabric-jump{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:18px;padding:20px 25px;border:1px solid #dce0de;border-radius:18px;background:#fff;color:#26343a;font-size:14px;text-decoration:none}.fabric-jump span:last-child{font-size:12px;color:#68737a}.fabric-jump:hover{border-color:#aa3037}.fabric-jump:focus-visible,.fabric-table-wrap:focus-visible{outline:2px solid #9a3037;outline-offset:4px}.fabric-section{scroll-margin-top:95px}.fabric-recommendation{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;padding:30px 32px;margin:32px 0;border-left:3px solid #a6323b;background:#f0f1ee;border-radius:0 20px 20px 0}.fabric-kicker{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#8e3239}.fabric-recommendation h3{font-size:24px;font-weight:500;letter-spacing:-.035em;margin:12px 0}.fabric-recommendation p{font-size:14px;color:#647078;line-height:1.75;max-width:740px}.fabric-status{flex-shrink:0;padding:7px 12px;border:1px solid #cdd2ce;border-radius:20px;font-size:10px;color:#69716e}.fabric-table-wrap{overflow:auto;border:1px solid #dce0de;border-radius:20px;background:#fff}.fabric-table{width:100%;border-collapse:collapse;text-align:left;min-width:850px;table-layout:fixed}.fabric-table caption{text-align:left;padding:24px 25px;font-size:16px;font-weight:500;letter-spacing:-.01em;border-bottom:1px solid #dce0de;color:#27343b}.fabric-table caption span{display:block;font-size:11px;font-weight:400;color:#6e797e;margin-top:7px}.fabric-table thead{background:#28363d;color:#fff}.fabric-table thead th{padding:18px 22px;font-size:11px;font-weight:500;letter-spacing:.04em}.fabric-table thead th:first-child{width:16%}.fabric-table thead th:nth-child(2){width:25%}.fabric-table thead th:nth-child(3){width:30%}.fabric-table tbody th,.fabric-table td{padding:25px 22px;vertical-align:top;border-bottom:1px solid #e2e5e2;font-size:12px;line-height:1.8;color:#5f6d73}.fabric-table tbody th{font-weight:500;color:#27343b;text-align:left;background:#f7f8f5}.fabric-count{display:block;font-size:10px;color:#7a8589;font-weight:400;margin-top:7px}.fabric-table td strong{display:block;font-size:16px;line-height:1.4;color:#28363d;font-weight:500;letter-spacing:-.015em}.fabric-meta{display:block;color:#788186;font-size:10px;margin-top:7px;line-height:1.6}.fabric-tag{display:inline-block;font-size:9px;line-height:1.3;letter-spacing:.02em;padding:5px 8px;background:#f2e5e5;color:#93353d;border-radius:5px;margin-bottom:10px}.fabric-tag.alternative{background:#edf0ed;color:#64736e}.fabric-table td b{font-weight:500;color:#293940}.fabric-table tbody tr:last-child>*{border-bottom:0}.fabric-design-map{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:28px 0;border-bottom:1px solid #dce0de}.fabric-design-map span{font-size:12px;font-weight:500;color:#91343d}.fabric-design-map p{font-size:13px;line-height:1.7;color:#617077;margin-top:10px}.fabric-footnote,.fabric-sources{font-size:11px;line-height:1.9;color:#778187;margin:20px 0 0;max-width:950px}.fabric-sources a{text-decoration:underline;text-underline-offset:3px;color:#596b73}@media(max-width:700px){.fabric-jump{align-items:flex-start;flex-direction:column;padding:18px;gap:5px}.fabric-recommendation{padding:22px;flex-direction:column;gap:8px}.fabric-recommendation h3{font-size:22px}.fabric-design-map{grid-template-columns:1fr;gap:18px}.fabric-table caption{padding:20px;font-size:14px}.fabric-table{min-width:0;table-layout:auto}.fabric-table thead{display:none}.fabric-table tbody tr{display:block;padding:20px;border-bottom:1px solid #dce0de}.fabric-table tbody th,.fabric-table td{display:block;width:auto;padding:8px 0;border:0;background:none}.fabric-table tbody th{padding-bottom:16px;font-size:15px}.fabric-table tbody th .fabric-count{display:inline;margin-left:10px}.fabric-table td:nth-of-type(2)::before{content:'KARAKTER & TAMPILAN';display:block;font-size:9px;color:#8a9599;letter-spacing:.08em;margin-bottom:5px}.fabric-table td:nth-of-type(3)::before{content:'PENERAPAN DESAIN';display:block;font-size:9px;color:#8a9599;letter-spacing:.08em;margin-bottom:5px}.fabric-table tbody tr:last-child{border-bottom:0}}

.fabric-sample-board{margin:32px 0 18px}.fabric-sample-board img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid #e3e2dc}.fabric-sample-board figcaption{font-size:11px;line-height:1.8;color:#778187;margin-top:12px}.fabric-sample-label{display:grid;grid-template-columns:220px 1fr;gap:35px;align-items:center;border-bottom:1px solid #dce0de;padding:18px 0 32px;margin-bottom:32px}.fabric-brand-reference strong{display:block;font-family:Georgia,serif;font-size:45px;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:12px 0 3px;color:#252a2c}.fabric-brand-reference>span:last-child{display:block;letter-spacing:.15em;font-size:11px;color:#4f595c}.fabric-sample-label h3{font-size:26px;letter-spacing:-.03em;font-weight:500;margin:8px 0}.fabric-sample-label p{font-size:12px;line-height:1.8;color:#6d7a80;max-width:550px}@media(max-width:700px){.fabric-sample-label{grid-template-columns:1fr;gap:24px}.fabric-brand-reference strong{font-size:38px}}

.fabric-brand-reference .fabric-driver-brand{font-size:29px;letter-spacing:.025em;line-height:1.1}
