.fwk{display:block;--t:#b4532f;--t2:#8a3b22;--o:#e3a23b;--cr:#fff6ea;--cr2:#fdebd3;--ink:#2a1a12;--rose:#c8606a;background:var(--cr);color:var(--ink);overflow-x:hidden}
.fwk .why{background:linear-gradient(135deg,#fde3c3,#f8cfae);padding:26px 0;border-bottom:4px solid var(--o)}
.fwk .why-k,.fwk .part-k,.fwk .proj-k,.fwk .why-fr .why-k{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;color:var(--t2);margin:0 0 .4em}
.fwk .why-t{font-size:1.12rem;line-height:1.6;margin:.2em 0 .8em}
.fwk .why2 p{background:#fff8ef;border-left:5px solid var(--t);border-radius:10px;padding:.8em 1em;margin:.4em 0}
.fwk .rule,.fwk .ws-rule{font-weight:600;color:var(--t2)}
.fwk .toc{display:flex;flex-wrap:wrap;gap:8px;padding-top:18px;padding-bottom:6px}
.fwk .toc a{background:#fff;border:2px solid var(--o);border-radius:999px;padding:.45em .9em;font-weight:600;color:var(--t2);text-decoration:none}
.fwk .part{padding:30px 0}
.fwk .p1{background:var(--cr)}
.fwk .p2{background:#fbe7d0}
.fwk .part h2{font-family:Fraunces,serif;font-size:clamp(1.6rem,5vw,2.3rem);color:var(--t2);margin:.1em 0 .3em}
.fwk .part-lede{font-size:1.05rem}
.fwk .why-fr{background:#fff;border:2px solid var(--o);border-radius:16px;padding:16px 18px;margin:14px 0}
.fwk .cards3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0}
.fwk .card{background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 6px 18px rgba(138,59,34,.10);border-top:5px solid var(--t)}
.fwk .card h3{margin:.1em 0;color:var(--t2)}
.fwk .card-i{font-size:1.8rem;margin:0}
.fwk .warn{background:#fff1e6;border:2px dashed var(--rose);border-radius:14px;padding:12px 16px}
.fwk .orn{text-align:center;color:var(--o);font-size:1.4rem;letter-spacing:.5em;margin:22px 0}
.fwk .step{font-family:Fraunces,serif;font-size:1.5rem;color:var(--t);border-bottom:3px solid var(--o);padding-bottom:4px;margin-top:26px}
.fwk .sub-h{color:var(--t2);font-size:1.12rem;margin:18px 0 6px}
.fwk .tl{list-style:none;padding:0;margin:10px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.fwk .tl li{position:relative;background:#fff;border-radius:14px;padding:12px;box-shadow:0 6px 16px rgba(138,59,34,.10);border-top:5px solid var(--o)}
.fwk .tl li:before{content:"❦";position:absolute;right:12px;top:8px;color:var(--o)}
.fwk .tl-d{font-weight:700;color:var(--t);font-family:Fraunces,serif;font-size:1.2rem}
.fwk .tl-b{display:flex;flex-direction:column-reverse;gap:8px}
.fwk .tl-b p{margin:.2em 0}
.fwk .ph{margin:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(138,59,34,.12)}
.fwk .ph img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.fwk .ph figcaption{font-size:.72rem;padding:6px 8px;color:#5a3a2a;overflow-wrap:anywhere}
.fwk .ph figcaption a{color:var(--t2)}
.fwk .gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0}
.fwk .proj{background:#fff;border:3px solid var(--t);border-radius:16px;padding:14px 16px;margin:14px 0;box-shadow:0 8px 20px rgba(138,59,34,.12)}
.fwk .proj-k{color:var(--t)}
.fwk .facts{padding-left:1.1em}
.fwk .facts li{margin:.25em 0}
.fwk .starters{background:#fff4e2;border-left:5px solid var(--o);border-radius:10px;padding:8px 12px;margin:8px 0}
.fwk .starters .lab{margin:0 0 .2em;font-weight:700;color:var(--t2);font-size:.9rem}
.fwk .starters ul{margin:0;padding-left:1.1em}
.fwk .starters li{margin:.15em 0}
.fwk .wb{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.fwk .wb-c{background:var(--cr);border-radius:12px;padding:10px 12px}
.fwk .wb-c h5{margin:.1em 0 .3em;color:var(--t2);font-size:1rem}
.fwk .wb-c ul{padding-left:1.1em;margin:0}
.fwk .wb-c li{margin:.3em 0}
.fwk .steps li{margin:.3em 0}
.fwk table{border-collapse:collapse;width:100%}
.fwk .ag th,.fwk .ag td,.fwk .seg th,.fwk .seg td,.fwk .lvl th,.fwk .lvl td{border:1px solid #f0c9a4;padding:7px 8px;text-align:left;vertical-align:top}
.fwk .ag th,.fwk .seg th,.fwk .lvl th{background:var(--t);color:#fff}
.fwk .ag td:nth-child(n+2){white-space:nowrap}
.fwk .tblw{overflow-x:auto}
.fwk .vwrap{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;margin:12px 0 4px}
.fwk .vwrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fwk .vsrc{font-size:.8rem;color:#6b4a38}
.fwk .grp{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.fwk .g{border-radius:12px;padding:10px 12px}
.fwk .g h5{margin:.1em 0;font-size:1.02rem}
.fwk .g-a{background:#fde4c8}
.fwk .g-b{background:#f9d6cf}
.fwk .g-c{background:#fbe9b7}
.fwk .dil{list-style:none;padding:0}
.fwk .dil li{background:var(--cr);border-radius:10px;padding:8px 10px;margin:6px 0}
.fwk .corr{background:#fff;border:2px solid var(--o);border-radius:14px;padding:10px 14px}
.fwk .corr summary{font-weight:700;cursor:pointer;color:var(--t2)}
.fwk .more{background:#fff;border-radius:12px;padding:10px 14px}
.fwk .srcs{padding:24px 0;background:#f7dcc0}
.fwk .srcs h2{font-family:Fraunces,serif;color:var(--t2)}
.fwk .srcs li{margin:.3em 0;overflow-wrap:anywhere}
.fwk .switch{background:#fff;border-radius:16px;padding:12px 14px;margin:12px 0;box-shadow:0 6px 18px rgba(138,59,34,.12)}
.fwk .sw-l{margin:.2em 0;font-weight:700;color:var(--t2)}
.fwk .sw-b{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.fwk .sw-b button{font:inherit;font-weight:600;border:2px solid var(--t);background:#fff;color:var(--t2);border-radius:12px;padding:.45em .8em;cursor:pointer;display:flex;flex-direction:column;align-items:center;min-width:120px}
.fwk .sw-b button small{font-weight:400;font-size:.75rem}
.fwk .sw-b button[aria-pressed=true]{background:var(--t);color:#fff}
.fwk[data-lv=cap] .L:not(.L-cap),.fwk[data-lv="2de"] .L:not(.L-2de),.fwk[data-lv="1re"] .L:not(.L-1re),.fwk[data-lv=tle] .L:not(.L-tle){display:none}
.fwk[data-sec=ind] .S:not(.S-ind),.fwk[data-sec=care] .S:not(.S-care){display:none}
.fwk .ws-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:8px 0}
.fwk .btn{background:var(--t);color:#fff!important;text-decoration:none;font-weight:700;border-radius:12px;padding:.6em 1em}
.fwk .qr{background:#fff;padding:4px;border-radius:8px}
.fwk .ws{background:#fff;border-radius:18px;padding:16px;box-shadow:0 8px 22px rgba(138,59,34,.12)}
.fwk .ws-id{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 16px}
.fwk .ws-id p{margin:.3em 0}
.fwk .blank{display:inline-block;border-bottom:1.5px solid #b98b70;min-width:60%;height:1em}
.fwk .ws-part{border-top:3px solid var(--o);margin-top:16px;padding-top:6px}
.fwk .ws-part h3{font-family:Fraunces,serif;color:var(--t2);font-size:1.3rem;display:flex;align-items:center;gap:10px}
.fwk .ws-part h3 .n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--t);color:#fff;font-family:Inter,sans-serif;font-size:1rem;flex:none}
.fwk .wq{margin:10px 0 14px}
.fwk .wq-t{margin:.2em 0}
.fwk .sub{margin-left:8px}
.fwk .sub-t{font-weight:700;margin:.4em 0 .1em}
.fwk .boxes{font-size:1.05rem}
.fwk .wlines .wl{border-bottom:1.5px dotted #c9a58c;height:1.9em}
.fwk .hint{font-style:italic;color:#6b4a38;margin:.2em 0}
.fwk .tc{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0}
.fwk .tc li{background:var(--cr2);border-radius:999px;padding:.3em .7em;font-size:.9rem}
.fwk .stars{letter-spacing:.2em;font-size:1.2rem;color:var(--o)}
.fwk .fiche{padding:18px 0}
.fwk .fl a{font-weight:600}
.fwk .f-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.fwk .f-head h1{font-family:Fraunces,serif;color:var(--t2);margin:.1em 0;font-size:clamp(1.6rem,6vw,2.4rem)}
.fwk .f-head h1 span{font-size:.6em}
.fwk .kicker2{font-weight:700;color:var(--t);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;margin:0}
.fwk .fiche-ph{margin:12px 0}
.fwk .fiche-ph img{aspect-ratio:16/6}
@media (max-width:640px){.fwk .lvl thead{display:none}
.fwk .lvl tr{display:block;border:2px solid #f0c9a4;border-radius:12px;margin:8px 0;background:#fff}
.fwk .lvl td{display:block;border:0;border-bottom:1px dashed #f0c9a4}
.fwk .lvl td:before{content:attr(data-h);display:block;font-size:.75rem;text-transform:uppercase;color:var(--t);font-weight:700}
.fwk .sw-b button{min-width:0;flex:1 1 40%}
.fwk .ag td:nth-child(n+2){white-space:normal}}

@media print{.fwk .noprint,.fwk .switch,.fwk .toc{display:none!important}
.fwk{background:#fff}
.fwk .ws{box-shadow:none;padding:0}
.fwk .fiche-ph{display:none}
.fwk .starters{break-inside:avoid}
.fwk .ws-part{break-inside:auto}
.fwk .wq{break-inside:avoid}}

.fwk .why{margin:0}.fwk .gqb{display:inline-block;background:var(--o);color:#3a1d05;font-weight:700;padding:.45em .8em;border-radius:12px;font-size:1.1rem;margin:.2em 0 .6em}
.fwk-tb{background:#7a3420;color:#fff;padding:22px 0;margin-top:10px}.fwk-tb h2{font-family:Fraunces,serif;color:#fff;margin:.1em 0}.fwk-tb p{margin:.3em 0;color:#ffe9d2}
.fwk .wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.fwk img{max-width:100%;height:auto}
.fwk[data-lv="2nde"] .L:not(.L-2nde){display:none}

.fwk{--bx:#7a2335;--oc:#d08a2e;--gd:#e3a23b;--sand:#f7e3c6}
.fwk .part p,.fwk .why-t,.fwk .why2 p,.fwk .part-lede{max-width:68ch;line-height:1.72}
.fwk .part{padding-top:34px;padding-bottom:34px}
.fwk .p1{background:linear-gradient(180deg,#fff6ea,#fdecd6)}
.fwk .p2{background:linear-gradient(180deg,#fdf1e2,#fff6ea)}
.fwk .part h2{font-family:Fraunces,Georgia,serif;color:var(--bx);font-size:clamp(1.6rem,4.5vw,2.3rem);margin:.15em 0 .3em}
.fwk .part-k,.fwk .why-k{color:#b4532f;letter-spacing:.14em}
.fwk .part-k::before,.fwk .why-k::before{content:"❋ ";color:var(--gd)}
.fwk .stepban{margin:38px 0 18px}
.fwk .stepban-pic{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 10px 26px rgba(122,35,53,.22);border:3px solid #fff}
.fwk .stepban-pic img{width:100%;height:240px;object-fit:cover;display:block}
.fwk .stepban-t{position:absolute;left:0;right:0;bottom:0;padding:34px 18px 14px;background:linear-gradient(180deg,transparent,rgba(74,20,28,.9))}
.fwk .stepban-k{margin:0;color:#f6c66f;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}
.fwk .stepban-k::before{content:"❦ "}
.fwk .stepban h3.step{margin:.1em 0 0;color:#fff;font-family:Fraunces,Georgia,serif;font-size:clamp(1.5rem,5vw,2.1rem);border:0;padding:0;background:none}
.fwk .stepban-c{font-size:.74rem;line-height:1.4;color:#6b4a38;margin:.5em .3em 0;max-width:none}
.fwk .stepban-c strong{color:var(--bx)}
.fwk .sb-1 .stepban-pic{border-bottom:7px solid #b4532f}.fwk .sb-2 .stepban-pic{border-bottom:7px solid var(--gd)}.fwk .sb-3 .stepban-pic{border-bottom:7px solid var(--bx)}
.fwk h3.step-o{font-family:Fraunces,Georgia,serif;color:var(--bx);text-align:center;font-size:1.5rem;margin:34px 0 14px;background:none;border:0}
.fwk h3.step-o::before,.fwk h3.step-o::after{content:" ❧ ";color:var(--gd);font-size:1.1rem}
.fwk .sub-h{color:#b4532f;font-family:Fraunces,Georgia,serif;font-size:1.2rem;margin:26px 0 8px}
.fwk .sub-h::before{content:"❋ ";color:var(--gd)}
.fwk .orn{display:flex;align-items:center;gap:14px;max-width:420px;margin:30px auto;color:#c2873a;font-size:1.6rem;text-align:center;letter-spacing:0}
.fwk .orn::before,.fwk .orn::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#c2873a,transparent)}
.fwk .why-fr,.fwk .warn{background:#fffaf2;border:1px solid #efd3ad;border-left:6px solid #b4532f;border-radius:16px;padding:14px 18px;margin:16px 0}
.fwk .warn{border-left-color:var(--gd);background:#fff4df}
.fwk .cards3 .card{background:#fff;border:1px solid #f0d6b5;border-radius:18px;box-shadow:0 6px 16px rgba(180,83,47,.10)}
.fwk .cards3 .card:nth-child(1){border-top:6px solid #b4532f}.fwk .cards3 .card:nth-child(2){border-top:6px solid var(--gd)}.fwk .cards3 .card:nth-child(3){border-top:6px solid var(--bx)}
.fwk .card h3{color:var(--bx);font-family:Fraunces,Georgia,serif}
.fwk .proj{background:#fffaf2;border:1px solid #efd3ad;border-top:6px solid var(--gd);border-radius:18px;padding:18px 18px 14px;box-shadow:0 6px 18px rgba(180,83,47,.09);margin:16px 0 22px}
.fwk .proj-k{color:var(--bx);letter-spacing:.1em}
.fwk .proj-k::before{content:"❋ ";color:var(--gd)}
.fwk .g{border-radius:16px;padding:14px 16px;border:1px solid rgba(122,35,53,.12)}
.fwk .g-a{background:#fbe1d3;border-top:6px solid #b4532f}.fwk .g-b{background:#fbeccc;border-top:6px solid var(--oc)}.fwk .g-c{background:#f5dadd;border-top:6px solid var(--bx)}
.fwk .g h5,.fwk .wb-c h5{font-family:Fraunces,Georgia,serif;color:var(--bx);font-size:1.05rem}
.fwk .wb-c{background:#fff;border-radius:14px;padding:12px 14px;border:1px solid #f0d6b5}
.fwk .dil li{background:#fff;border-left:5px solid var(--bx);border-radius:10px;padding:10px 12px;margin:8px 0;list-style:none}
.fwk .dil li::before{content:"❦ ";color:var(--gd)}
.fwk .gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:18px 0}
.fwk .gal figure,.fwk .ph{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px rgba(74,20,28,.12);border:3px solid #fff;margin:0}
.fwk .gal img{width:100%;height:170px;object-fit:cover;display:block}
.fwk .gal figcaption,.fwk .ph figcaption{font-size:.74rem;line-height:1.4;padding:7px 9px;color:#5a3a2a;background:#fffaf2}
.fwk .tl li{background:#fff;border:1px solid #f0d6b5;border-radius:14px;box-shadow:0 4px 12px rgba(180,83,47,.08)}
.fwk .tl-d{color:#b4532f;font-family:Fraunces,Georgia,serif;font-weight:700}
.fwk .corr{background:#fff;border:1px solid #efd3ad;border-radius:14px}
.fwk .corr summary{background:#fbe1d3;color:var(--bx);font-weight:700;border-radius:14px;padding:10px 14px}
.fwk .ws{background:transparent}
.fwk .ws-id{background:#fff;border:2px solid var(--gd);border-radius:16px;padding:14px 16px;box-shadow:0 4px 12px rgba(180,83,47,.08)}
.fwk .ws-rule{background:#fff4df;border-radius:12px;padding:10px 14px;color:#6b3a1f}
.fwk .ws-part{background:#fff;border:1px solid #efd3ad;border-radius:20px;padding:20px 16px 14px;margin:26px 0;box-shadow:0 8px 20px rgba(122,35,53,.09);position:relative}
.fwk .ws-part::after{content:"❦";position:absolute;right:14px;top:12px;color:#e9c38a;font-size:1.3rem}
.fwk .ws-part h3{font-family:Fraunces,Georgia,serif;color:var(--bx);display:flex;align-items:center;gap:12px;border-bottom:2px dotted var(--gd);padding-bottom:10px;margin:0 0 6px;font-size:1.3rem}
.fwk .ws-part h3 .n{flex:0 0 auto;width:2.1em;height:2.1em;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#f9d68d,#c2873a);color:#4a1a10;font-weight:800;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--gd)}
.fwk .wq{background:#fffaf3;border-left:6px solid var(--gd);border-radius:14px;padding:12px 14px 10px;margin:16px 0}
.fwk .ws-part:nth-of-type(2n) .wq{border-left-color:#b4532f}
.fwk .wq-t b:first-child{color:#b4532f}
.fwk .starters{background:#fdf0dc;border:1.5px dotted var(--oc);border-radius:14px;padding:8px 12px}
.fwk .starters .lab{color:#8a3b22;font-weight:700}
.fwk .starters .lab::before{content:"❋ ";color:var(--gd)}
.fwk .wlines .wl{border-bottom:1px solid #e6c497;height:1.9em}
.fwk .boxes{background:#fff6ea;border-radius:10px;padding:8px 10px}
.fwk .strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 6px}
.fwk .strip figure{margin:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px rgba(74,20,28,.12);border:3px solid #fff}
.fwk .strip img{width:100%;height:170px;object-fit:cover;display:block}
.fwk .strip figcaption{font-size:.72rem;line-height:1.38;padding:6px 8px 8px;color:#5a3a2a;background:#fffaf2}
.fwk .strip figcaption strong{display:block;color:var(--bx);font-size:.78rem;margin-bottom:2px}
.fwk .switch{background:#fff;border:2px solid var(--gd);border-radius:18px}
.fwk .toc a{background:#fff;border:1px solid #efd3ad;border-radius:999px}
.fwk .srcs{background:#f7e3c6}
@media (max-width:520px){.fwk .tl{grid-template-columns:1fr 1fr;gap:10px}.fwk .tl li{padding:10px 10px 8px}.fwk .tl li::before,.fwk .tl li:before{display:none}.fwk .tl-b p{font-size:.88rem;line-height:1.45}.fwk .strip img{height:118px}.fwk .stepban-pic img{height:190px}.fwk .ws-part{padding:16px 12px 12px}.fwk .strip figcaption{font-size:.68rem}}
@media print{.fwk .strip,.fwk .stepban-pic img{display:none!important}.fwk .stepban-t{position:static;background:none}.fwk .stepban h3.step{color:#7a2335}.fwk .ws-part{box-shadow:none}}