/* 六爻起卦 · 结果页：卦名区/排盘表格/状态标记/视图工具/详情卡/备注/导出面板 */
.result-title{text-align:center;margin-bottom:16px}
.gua-name{font-size:clamp(27px,7vw,33px);letter-spacing:5px;font-weight:700}
.dong-summary{color:var(--cinnabar);font-size:16px;letter-spacing:2px;margin:8px 0}
.gua-name.alt{font-size:clamp(21px,5.5vw,26px);color:#5a5346}
.gua-pair{display:flex;justify-content:center;gap:26px;margin-bottom:18px}
.gua-block{display:flex;flex-direction:column;align-items:center;gap:10px}
.gua-sub{font-size:13.5px;color:var(--ink-light);letter-spacing:3px}
.gua-block .hex{gap:6px}
.gua-block .slot{height:13px;width:132px}
.gua-block .slot .mark{right:-26px;font-size:13px}
.lines-detail{border-top:1px dashed var(--line);padding-top:6px;margin-bottom:14px}
.line-row{display:grid;grid-template-columns:44px auto 54px auto;align-items:center;gap:6px;padding:7px 2px;border-bottom:1px dashed rgba(110,100,85,.16);font-size:15px}
.line-row .chips .chip{width:24px;height:24px;font-size:13px;border-radius:6px}
.line-row .ln{color:var(--ink-light);font-size:14px}
.line-row .lb.red{color:var(--cinnabar)}
.line-row .sy{font-size:14.5px;color:#4a4234;letter-spacing:0}
.meta{text-align:center;font-size:13.5px;color:var(--ink-light);line-height:1.9;margin-bottom:16px}
.actions{display:flex;flex-direction:column;gap:10px}
.actions .row2{display:flex;gap:10px}
.actions .row2>*{flex:1}
 .pan-top{text-align:center;font-size:13.5px;color:var(--ink-light);line-height:1.9;margin-bottom:14px;letter-spacing:.5px}
 .pan-top .t1{font-size:15px;color:var(--ink);letter-spacing:1px}
 .pan-top .tq{color:#7a5c1c;font-size:14.5px}
 .pan-wrap{border:1px solid var(--line);border-radius:12px;background:rgba(255,253,246,.65);overflow-x:auto;overflow-y:hidden;margin-bottom:12px;-webkit-overflow-scrolling:touch}
 .pan{width:100%;min-width:560px;border-collapse:separate;border-spacing:0;font-size:13.5px;table-layout:fixed}
 .pan.has-bian{min-width:620px}
 .pan.vben{min-width:560px}
 .pan.vbian{min-width:360px}
 .pan-view-label{font-size:13px;color:#7b4936;font-weight:700;letter-spacing:1px;padding:6px 2px}
#page-result .pan .legacy-yao{display:none}
#page-result .pan .ben .yao-align{gap:5px}
.ben-status{min-height:20px;margin-top:6px;line-height:20px}
#page-result .pan .ben,#page-result .pan .bian{vertical-align:top}
#page-result .pan .beast-0{color:#267450}
#page-result .pan .beast-1{color:#a63a2a}
#page-result .pan .beast-2{color:#896323}
#page-result .pan .beast-3{color:#795293}
#page-result .pan .beast-4{color:#596575}
#page-result .pan .beast-5{color:#304b68}
@media(max-width:600px){
 #page-result .pan.has-bian th:nth-child(1){width:18%}
 #page-result .pan.has-bian th:nth-child(2){width:18%}
 #page-result .pan.has-bian th:nth-child(3),#page-result .pan.has-bian th:nth-child(4){width:32%}
}
 .pan th{font-weight:600;color:#746a5b;font-size:11.5px;letter-spacing:1px;padding:9px 4px;border-bottom:1px solid var(--line);background:rgba(110,100,85,.08);white-space:nowrap}
 .pan td{height:46px;padding:7px 4px;text-align:center;border-bottom:1px solid rgba(110,100,85,.14);letter-spacing:0;color:var(--ink);vertical-align:middle;overflow:hidden}
 .pan tbody tr:nth-child(even) td{background:rgba(110,100,85,.025)}
 .pan tr:last-child td{border-bottom:none}
 .pan.has-bian th:nth-child(1),.pan.has-bian td:nth-child(1){width:78px}
 .pan.has-bian th:nth-child(2),.pan.has-bian td:nth-child(2){width:92px}
 .pan.has-bian th:nth-child(3),.pan.has-bian td:nth-child(3){width:190px}
 .pan.has-bian th:nth-child(4),.pan.has-bian td:nth-child(4){width:190px}
.pan.has-bian .bian .yao-align{gap:5px}
.pan .bian-qin{display:block;color:#7a5c1c;font-size:11px;font-weight:700;line-height:1.2}
 .pan.no-bian th:nth-child(1),.pan.no-bian td:nth-child(1){width:78px}
 .pan.no-bian th:nth-child(2),.pan.no-bian td:nth-child(2){width:78px}
 .pan.no-bian th:nth-child(3),.pan.no-bian td:nth-child(3){width:94px}
 .pan.no-bian th:nth-child(4),.pan.no-bian td:nth-child(4){width:178px}
 .pan.no-bian th:nth-child(5),.pan.no-bian td:nth-child(5){width:110px}
 .pan .beast{color:#7a5c1c;font-size:12px;white-space:nowrap}
 .pan .fu{color:#8a6d2f;font-size:11px;font-weight:700;line-height:1.35;word-break:keep-all;white-space:nowrap}
.pan .fu .fu-label{color:#7b4936;font-weight:700}
.pan .fu .fu-value{font-weight:800}
.dcard .fu-label{color:#7b4936;font-weight:700}
.dcard .fu-value{color:#8a6d2f;font-weight:800}
 .pan .qin{display:block;color:#7a5c1c;font-size:11px;line-height:1.25;white-space:nowrap}
 .pan .gz{display:block;white-space:nowrap;font-size:12px;line-height:1.35}
 .pan .shi,.pan .ying{font-style:normal;font-size:10px;color:#f5efdf;border-radius:4px;padding:2px 4px;margin-left:3px;vertical-align:1px}
 .pan .shi{background:#8a8172}
 .pan .ying{background:rgba(168,132,44,.85)}
 .pan .sym{font-size:15px;letter-spacing:-2px;white-space:nowrap}
 .pan .dong{color:var(--cinnabar);font-weight:700;font-style:normal}
 .pan .bian{color:#5a5346}
 .pan .bian.dim{color:#b7ae9c}
 .pan-foot{text-align:center;margin-bottom:14px;line-height:2}
 .pan-foot .fn{font-size:clamp(22px,6vw,27px);letter-spacing:4px;font-weight:700}
 .pan-foot .fn .alt2{font-size:clamp(17px,4.5vw,21px);color:#5a5346;font-weight:400}
 .pan-foot .fd{font-size:13.5px;color:var(--ink-light);letter-spacing:1px}
 .pan-foot .ftag{display:inline-block;font-size:11.5px;color:var(--cinnabar);border:1px solid rgba(166,58,42,.45);border-radius:999px;padding:2px 9px;margin:4px 3px 0;letter-spacing:2px}
 #page-result .card{padding:20px 16px;background:#fffdf8;border-color:#ded7c9;box-shadow:0 12px 36px rgba(63,51,34,.09)}
 .app:has(#page-result.active){max-width:780px}
 #page-result .pan-top{text-align:left;padding:4px 4px 18px;margin-bottom:0;line-height:2;color:#827664}
 #page-result .pan-top .t1{font-size:14px;letter-spacing:0}
 #page-result .pan-top .tq{display:inline-block;margin:8px 0;font-size:19px;font-weight:700;color:#342e25}
 #page-result .pan-wrap{background:#fff;border-color:#e4ddd0;border-radius:10px}
 #page-result .pan th{background:#eee8dc;color:#70624e;padding:13px 4px;font-size:12px}
 #page-result .pan td{height:64px;border-color:#eee8de}
 #page-result .pan td.qin,#page-result .pan td.gz{display:table-cell}
 #page-result .pan .qin{font-size:13px;color:#5c5142}
 #page-result .pan .gz{font-size:13px;line-height:1.8}
 #page-result .pan .bian.dim{color:#827664}
 .yao-line{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:58px;height:9px;vertical-align:middle;color:var(--ink)}
 .yao-line span{display:block;height:100%;width:42%;border-radius:2px;background:currentColor}
 .yao-line.yang span{width:100%}
 .yao-line.moving{color:var(--cinnabar)}
 .yao-line .dong{position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%);font-size:13px;letter-spacing:0}
 .bian-yao{display:flex;margin:7px auto 2px}
 #page-result{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;font-weight:500;letter-spacing:0}
 #page-result .pan td{font-weight:600}
 #page-result .pan .qin,#page-result .pan .gz,#page-result .pan .beast{color:#493e30;font-weight:600}
 #page-result .pan .bian.dim{color:#655847}
 .yao-line.yang{color:#a63a2a}
 .yao-line.yin{color:#344b60}
 .yao-line.moving{filter:drop-shadow(0 2px 2px rgba(166,58,42,.18))}
 #page-result .pan .bian{border-left:1px solid #e4ddd0;background:rgba(168,132,44,.035)}
 .pan-legend{gap:8px 14px}
 @media(max-width:600px){
  #page-result .pan,#page-result .pan.has-bian{min-width:0;width:100%}
  #page-result .pan th,#page-result .pan td{padding-left:1px;padding-right:1px}
  #page-result .pan th:nth-child(n),#page-result .pan td:nth-child(n){width:auto}
  #page-result .pan.has-bian th:nth-child(1){width:11%}
  #page-result .pan.has-bian th:nth-child(2){width:11%}
  #page-result .pan.has-bian th:nth-child(3){width:14%}
  #page-result .pan.has-bian th:nth-child(4){width:23%}
  #page-result .pan.has-bian th:nth-child(5){width:17%}
  #page-result .pan.has-bian th:nth-child(6){width:24%}
  #page-result .pan .qin,#page-result .pan .gz,#page-result .pan .beast{font-size:11px}
  #page-result .pan .fu{font-size:10px}
  #page-result .pan th{font-size:11px;letter-spacing:0}
  .yao-line{width:38px;height:8px}
  #page-result .pan .shi,#page-result .pan .ying{display:inline-block;margin-left:1px;padding:1px 2px;font-size:9px}
  #page-result .pan .bian .qin{white-space:normal;word-break:keep-all;line-height:1.5}
 }
 #page-result .pan-foot{padding:18px 10px;background:#f6f2ea;border:1px solid #e9e1d3;border-radius:10px;line-height:1.9}
 #page-result .pan-foot .fn{font-size:25px;letter-spacing:2px}
 .summary-pair{display:flex;justify-content:center;gap:16px;margin-bottom:12px}
 .summary-pair section{flex:1;min-width:0}
 .summary-pair section+section{border-left:1px solid #e2d8c7;padding-left:16px}
 .line-position{display:block;font-size:10px;font-weight:400;color:#928675;margin-bottom:4px}
 #page-result .pan .moving-row td{background:#fff2e8}
 .calendar-focus{margin-top:12px;padding-top:12px;border-top:1px solid #e2d8c7;font-size:13px;font-weight:700;color:#7b4936}
 .pan-convention{margin-top:8px;font-size:10px;font-weight:400;color:#8e8171;line-height:1.8}
 #page-result .meta{font-size:11px;margin:16px 0;color:#928675}
 #page-result .actions .btn-primary{font-size:16px;letter-spacing:2px;box-shadow:none}
 @media(max-width:600px){#page-result .card{padding:16px 10px}.pan-wrap{scrollbar-width:thin}#page-result .pan-foot .fn{font-size:22px}}
 .gz-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 10px}
 .gz-grid .gz-col{padding:8px 4px 6px;text-align:center;background:#f5f1e9;border:1px solid #e9e1d3;border-radius:8px;position:relative}
 .gz-grid small{display:block;font-size:10px;color:#8c7c65;line-height:1.5;letter-spacing:1px}
 .gz-chs{display:flex;justify-content:center;gap:5px;margin-top:5px}
 .gz-chs .dk{display:inline-flex;align-items:center;justify-content:center;width:30px;height:34px;font-size:19px;font-weight:700;border-radius:6px;letter-spacing:0}
 .gz-k{position:absolute;top:4px;right:4px;font-style:normal;font-size:9px;color:#8a6d2f;background:rgba(168,132,44,.14);border-radius:3px;padding:0 3px;line-height:13px}
 /* ---------- 五行五色（宣纸水墨风）：木青 火朱 土赭 金灰蓝 水墨蓝 ---------- */
 .el-木{color:#3a6b4f}
 .el-火{color:#a63a2a}
 .el-土{color:#8a6d2f}
 .el-金{color:#3e5a73}
 .el-水{color:#344b60}
 .pan .br-el{font-weight:700}
 .wx-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:2px 0 8px}
 .wx-item{display:inline-flex;align-items:center;gap:4px;font-size:12px;letter-spacing:1px}
 .wx-item .wx-el{font-style:normal;font-weight:700;font-size:13px}
 .wx-item b{font-weight:700}
 .wx-item.st-旺 b{color:#a63a2a}
 .wx-item.st-相 b{color:#8a6d2f}
 .wx-item.st-休 b{color:#7d7466}
 .wx-item.st-囚 b{color:#6b8095}
 .wx-item.st-死 b{color:#9a9184}
 .ss-row{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 12px;margin:0 0 8px}
 .ss-item{display:inline-flex;align-items:baseline;gap:4px;font-size:12px;letter-spacing:1px;color:#7d7466}
 .ss-item i{font-style:normal;color:#8c7c65}
 .ss-item b{font-weight:700}
.legend-cap{display:block;width:100%;font-size:11.5px;color:#8c7c65;letter-spacing:1px;margin:2px 0 4px}
.legend-line{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;width:100%;padding:12px 8px;font-size:12px;color:#655847;line-height:1.6;text-align:center}
.legend-line>span{justify-content:center}
.legend-line>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.legend-line .mk{margin:0;min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.legend-hint{flex-basis:100%;font-size:11px;color:#827664;text-align:center;line-height:1.8}
@media(max-width:600px){.legend-line{gap:10px 14px;padding:12px 4px}.legend-line .mk{min-width:28px;min-height:28px}.legend-hint{font-size:11px}}
 #page-result .pan-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 14px;margin:10px 0 16px;font-size:12px;color:#655847}
 #page-result .pan-legend .yang-key{color:#a63a2a;font-weight:700}
 #page-result .pan-legend .yin-key{color:#344b60;font-weight:700}
 .calendar-note{font-size:12px;line-height:1.9;overflow-wrap:anywhere}
 #page-result .pan-top .tq{overflow-wrap:anywhere;line-height:1.5}
 .yao-align{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:58px}
 #page-result .yao-align .qin,.yao-spacer{height:32px;line-height:16px;flex:none;font-size:11px}
 .yao-align .yao-line{flex:none;margin:0}
 #page-result .pan td{height:76px}
 @media(max-width:600px){
  .gz-grid{gap:5px}.gz-grid strong{font-size:17px}
  #page-result .pan-foot .fn{font-size:clamp(16px,4.5vw,22px);letter-spacing:0}
  .summary-pair{gap:8px}.summary-pair section+section{padding-left:8px}
  #page-result .pan-foot .fd{font-size:11px;letter-spacing:0}
  #page-result .actions .row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  #page-result .actions .row2 .btn-ghost{grid-column:1/-1}
  #page-result .actions button{min-height:44px;letter-spacing:0}
  #page-result .pan-legend{font-size:10px;gap:8px}
  #page-result .meta{overflow-wrap:anywhere}
 }
@media(max-width:360px){.yao-line{width:30px}#page-result .pan td{padding:5px 0}#page-result .pan .gz,#page-result .pan .qin{font-size:10px}}
/* ---- v7：状态标记 / 世应色带 / 爻行详情 / 视图工具条 / 说明与备注 ---- */
.pan-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:2px 0 8px;flex-wrap:wrap}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:rgba(255,253,246,.75)}
.seg button{border:none;background:transparent;font-family:inherit;font-size:12.5px;padding:6px 13px;color:var(--ink-light);letter-spacing:1px;cursor:pointer}
.seg button+button{border-left:1px solid var(--line)}
.seg button.on{background:rgba(168,132,44,.16);color:#5f4512;font-weight:700}
.seg button:disabled{opacity:.4;cursor:not-allowed}
.tgl-chips{display:inline-flex;gap:6px}
.tgl-chips button{border:1px solid var(--line);background:rgba(255,253,246,.75);border-radius:999px;font-family:inherit;font-size:12px;padding:5px 11px;color:var(--ink-light);letter-spacing:1px;cursor:pointer}
.tgl-chips button.on{background:rgba(166,58,42,.09);border-color:rgba(166,58,42,.5);color:var(--cinnabar)}
.tgl-chips button:disabled{opacity:.4}
.pan .mk,.pan-legend .mk{display:inline-block;margin-left:2px;padding:0 2.5px;border-radius:3px;font-size:9.5px;line-height:13px;font-style:normal;vertical-align:1px;letter-spacing:0}
.pan .mk.kong,.pan-legend .mk.kong{color:#8a6d2f;background:rgba(168,132,44,.14)}
.pan .mk.po,.pan-legend .mk.po{color:#f7efdc;background:var(--cinnabar)}
.pan .mk.chong,.pan-legend .mk.chong{color:var(--cinnabar);border:1px solid rgba(166,58,42,.45)}
.pan .mk.he,.pan-legend .mk.he{color:#344b60;border:1px solid rgba(52,75,96,.4)}
.pan .mk.mu,.pan-legend .mk.mu{color:#f7efdc;background:#6b6357}
.pan .mk.st,.pan-legend .mk.st{color:#827664;background:rgba(110,100,85,.09)}
#page-result .pan tr.yrow{cursor:pointer}
#page-result .pan tr.yrow:hover td{background:#faf6ec}
#page-result .pan tr.shi-row td:first-child{box-shadow:inset 4px 0 0 #8a8172}
#page-result .pan tr.ying-row td:first-child{box-shadow:inset 4px 0 0 rgba(168,132,44,.85)}
#page-result .pan tr.drow{cursor:default}
#page-result .pan tr.drow td{padding:10px 8px;text-align:left;background:#fbf7ee}
#page-result .pan tr.drow:hover td{background:#fbf7ee}
.dgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;width:100%;min-width:0}
.dcard{min-width:0;border:1px solid #e7dfcf;border-radius:8px;background:#fffdf6;padding:10px 12px;font-size:13px;line-height:1.9;color:#493e30;text-align:left;white-space:normal;overflow-wrap:anywhere}
#page-result .pan tr.drow>td{width:auto;height:auto;white-space:normal;overflow:visible;letter-spacing:0;font-weight:400;display:table-cell}
#page-result .dcard .beast{font-weight:800}
#page-result .dcard .fu-value{font-weight:800}
#page-result .pan tr.drow .beast{font-size:inherit;white-space:normal}
@media(max-width:600px){
 #page-result .pan tr.drow>td{padding:10px 6px;width:auto}
 .dgrid{grid-template-columns:minmax(0,1fr);gap:8px}
 .dcard{padding:12px;font-size:13px;line-height:1.9}
 .dcard .dt{font-size:14px;margin-bottom:6px}
}
.dcard .dt{font-weight:700;color:#7b4936;margin-bottom:2px;letter-spacing:1px}
.dcard b{font-weight:700;color:#342e25}
.dcard .dim{color:#928675}
.pan.only-moving tr.yrow:not(.moving-row){display:none}
.pan.hide-fu th:nth-child(2),.pan.hide-fu td:nth-child(2){display:none}
.pan.vben th:nth-child(6),.pan.vben td:nth-child(6){display:none}
.pan.vbian th:nth-child(2),.pan.vbian td:nth-child(2),.pan.vbian th:nth-child(4),.pan.vbian td:nth-child(4),.pan.vbian th:nth-child(5),.pan.vbian td:nth-child(5){display:none}
/* ---- 单卦视图列宽：隐藏列后剩余列按原比例分配，避免表头拉伸变形 ---- */
.pan.vben th:nth-child(1),.pan.vben td:nth-child(1){width:82px}
.pan.vben th:nth-child(2),.pan.vben td:nth-child(2){width:96px}
.pan.vben th:nth-child(3),.pan.vben td:nth-child(3){width:118px}
.pan.vben th:nth-child(4),.pan.vben td:nth-child(4){width:200px}
.pan.vben th:nth-child(5),.pan.vben td:nth-child(5){width:110px}
.pan.vbian th:nth-child(1),.pan.vbian td:nth-child(1){width:110px}
.pan.vbian th:nth-child(2),.pan.vbian td:nth-child(2){width:190px}
.pan.vbian th:nth-child(3),.pan.vbian td:nth-child(3){width:120px}
.pan.vbian.hide-fu th:nth-child(1),.pan.vbian.hide-fu td:nth-child(1){width:150px}
.pan.vbian.hide-fu th:nth-child(2),.pan.vbian.hide-fu td:nth-child(2){width:230px}
.pan-legend{gap:8px 14px}
 .pan-foot .knum{font-size:12px;color:#928675;font-weight:400;margin-left:6px;letter-spacing:0}
 #page-result .pan th{font-weight:700;color:#5f5547}
 #page-result .pan td{font-weight:600;color:#3f382e}
 #page-result .pan .qin,#page-result .pan .gz,#page-result .pan .beast{font-weight:700}
 #page-result .pan .gz .br-el{font-weight:700}
 #page-result .pan .bian .br-el{display:block;font-size:12px}
 #page-result .pan .bian-qin{font-size:12px}
#page-result .pan .ben .yao-align{height:78px}
#page-result .pan .bian .yao-align{height:78px}
 #page-result .pan .fu{font-weight:500;color:#705d3a}
 #page-result .pan-foot .fn{font-weight:800;color:#2e2a24}
 #page-result .pan-foot .fd{font-weight:500;color:#625849}
 .pan-foot .tsym{float:right;font-size:17px;letter-spacing:2px;color:#827664;line-height:1.1}
 .pan-foot section+section .tsym{color:#a8842c}
.pan-foot .fd.sub{font-size:12px;letter-spacing:0;color:#655847}
.help-box,.note-box{border:1px solid #e2d8c7;border-radius:10px;background:rgba(255,253,246,.65);margin:12px 0;padding:0 12px}
.help-box summary,.note-box summary{cursor:pointer;padding:11px 2px;font-size:13.5px;color:#7b4936;font-weight:700;letter-spacing:2px;list-style:none;display:flex;align-items:center;gap:6px}
.help-box summary::before,.note-box summary::before{content:'▸';color:#a8842c;transition:transform .2s}
.help-box[open] summary::before,.note-box[open] summary::before{transform:rotate(90deg)}
.help-box summary::-webkit-details-marker,.note-box summary::-webkit-details-marker{display:none}
.help-list{padding:2px 4px 12px;font-size:12.5px;line-height:2;color:#5c5142;text-align:left}
.help-list p{margin:0 0 6px}
.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:2px 2px 6px}
.note-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#827664}
.note-grid input,.note-grid select,.note-grid textarea{font-family:inherit;font-size:13.5px;padding:8px 9px;border:1px solid #ddd5c5;border-radius:7px;background:#fffdf6;color:var(--ink);outline:none;width:100%}
.note-grid textarea{resize:vertical;min-height:52px}
.note-grid .wide{grid-column:1/-1}
.note-tip{font-size:11px;color:#928675;padding:0 2px 12px;text-align:left}
.ex-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.ex-grid button{border:1.5px solid rgba(168,132,44,.5);background:rgba(168,132,44,.08);color:#7a5c1c;font-family:inherit;font-size:13.5px;padding:10px 6px;border-radius:9px;letter-spacing:1px;cursor:pointer}
.ex-grid button.wide{grid-column:1/-1}
@media(max-width:600px){
 #page-result .pan-tools{display:block}
 #page-result .pan-tools .seg,#page-result .pan-tools .tgl-chips{display:flex;width:100%;margin-bottom:6px}
 #page-result .pan-tools button{flex:1;min-height:40px}
 .pan-tools{gap:6px}
 .note-grid{grid-template-columns:1fr}
 .pan .mk{font-size:8.5px;padding:0 2px}
 .dgrid{flex-direction:column}
 .pan-foot .knum{display:block;margin:2px 0 0}
 #page-result .actions .row2{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
 #page-result .actions .row2 button{font-size:13px;padding:10px 2px}
}