@font-face{font-family:Huninn;src:url("fonts/jf-openhuninn-guides.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--ink:#25383b;--muted:#607377;--teal:#397d7b;--teal-dark:#286461;--coral:#dc755f;--paper:#fbf7ed;--card:#fffdf7;--mist:#e8efea;--line:#cbd8d3;--page-w:297mm;--page-h:210mm;--inset:12mm;--gutter:12mm;--footer-h:18mm;--logo-h:6.75mm;--logo-bottom:4mm;--logo-x:calc(75% - var(--inset)/2 + var(--gutter)/4)}
*{box-sizing:border-box}html{color:var(--ink);background:#e8efea;font-family:Huninn,"Noto Sans TC",sans-serif}body{margin:0;padding:24px}main{margin:auto;width:max-content;max-width:100%}
.wujie-page{position:relative;isolation:isolate;width:var(--page-w);height:var(--page-h);padding:var(--inset) var(--inset) var(--footer-h);background:var(--paper);margin:0 auto 24px;box-shadow:0 8px 30px #25383b18;font-size:12pt;line-height:1.65;break-after:page}
.wujie-page:last-child{break-after:auto;margin-bottom:0}.page-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;gap:5mm}
.page-header{flex:none;text-align:left}.eyebrow{margin:0 0 1.5mm;color:var(--coral);font-size:10pt;letter-spacing:.08em}h1,.page-title{margin:0;color:var(--teal-dark);font-size:24pt;line-height:1.2;font-weight:700}.subtitle{font-size:10pt;color:var(--muted);margin:2mm 0 0}
.center-rule{position:absolute;left:50%;top:52.5mm;height:105mm;width:.2pt;background:#a8bdb5;z-index:0;pointer-events:none}
.column-flow{column-count:2;column-gap:var(--gutter);column-fill:auto;flex:1;min-height:0;/* Override flex with explicit height for multiple flow segments. */}
.column-flow p{text-wrap:pretty;margin:0 0 3mm;orphans:2;widows:2}.column-flow h2{font-size:15pt;line-height:1.35;color:var(--teal-dark);margin:0 0 3mm;break-after:avoid}.column-flow h2:not(:first-child){margin-top:4mm}.column-flow h3{font-size:12pt;color:var(--teal-dark);margin:3mm 0 1mm;break-after:avoid}.column-flow section{margin:0}.new-column{break-before:column}.keep{break-inside:avoid}.note{font-size:10pt;color:var(--muted)}
.insight{break-inside:avoid;background:#f6e8df;border-left:2pt solid var(--coral);padding:3mm 4mm;margin:3mm 0}.formula{font-family:Georgia,serif;background:#fff7df;border:.5pt solid #d9c59d;padding:3mm 4mm;text-align:center;font-size:14pt;break-inside:avoid;margin:3mm 0}
.span-all{position:relative;z-index:2;background:var(--paper);flex:none;column-span:all}.table-wrap{max-width:100%;overflow-x:auto;border:.5pt solid var(--line);border-radius:2mm;background:var(--card)}table{width:100%;border-collapse:collapse;font-size:12pt;line-height:1.5}caption{text-align:left;font-size:10pt;color:var(--muted);padding:2mm 3mm}th,td{padding:2mm 3mm;text-align:left;vertical-align:top;border-bottom:.5pt solid var(--line)}th{font-size:10pt;background:var(--mist);color:var(--teal-dark);font-weight:700}tbody tr:last-child td{border-bottom:0}thead{display:table-header-group}tr,figure{break-inside:avoid}figure{margin:3mm 0}figure img{max-width:100%;height:auto}figcaption{font-size:10pt;color:var(--muted)}a{color:var(--teal-dark)}:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.logo-arc{position:absolute;left:var(--logo-x);bottom:0;transform:translateX(-50%);width:76mm;height:22mm;background:radial-gradient(circle 42mm at var(--arc-center,50%) calc(100% + 24mm),rgba(131,185,62,.72) 0%,rgba(131,185,62,.68) 70%,rgba(131,185,62,.52) 82%,rgba(131,185,62,.28) 91%,rgba(131,185,62,.10) 97%,rgba(131,185,62,0) 100%);pointer-events:none;z-index:0}
.page-footer{position:absolute;left:var(--inset);right:var(--inset);bottom:0;height:var(--footer-h);font-size:10pt;color:var(--muted);z-index:2}.footer-label{position:absolute;left:0;bottom:6mm;max-width:43%;line-height:1.3}.folio{position:absolute;left:50%;transform:translateX(-50%);bottom:6mm;color:var(--coral);line-height:1.3;font-variant-numeric:tabular-nums}.brand-mark{position:absolute;left:calc(75% + var(--gutter)/4);transform:translateX(-50%);height:calc(var(--logo-h) * 184 / 181);bottom:calc(var(--logo-bottom) - var(--logo-h) * 2 / 181);width:auto;max-width:none}
@media screen and (max-width:1160px){body{padding:16px}main{width:100%}.wujie-page{width:100%;height:auto;min-height:0;padding:24px 24px 25mm}.page-content{height:auto;gap:24px}.column-flow{column-count:1;height:auto!important;flex:none;min-height:0}.new-column{break-before:auto}.center-rule{display:none}.span-all{width:100%}.page-header h1,.page-title{font-size:24pt}.page-footer{left:24px;right:24px;height:20mm}.footer-label{max-width:37%;font-size:10pt}.brand-mark{left:auto;right:0;transform:none}.logo-arc{left:0;right:auto;width:100%;transform:none;--arc-center:calc(100% - 24px - var(--logo-h) * 450 / 181)}.column-flow h2:not(:first-child){margin-top:6mm}.table-wrap table{min-width:640px}.page-footer .folio{bottom:17mm}}
@media print{@page{size:297mm 210mm;margin:0}html,body{margin:0;padding:0;background:var(--paper);print-color-adjust:exact;-webkit-print-color-adjust:exact}main{width:auto;max-width:none}.wujie-page{margin:0;box-shadow:none;border-radius:0}.table-wrap{overflow:visible}.screen-only{display:none!important}}