.layout>main,.layout>nav{min-width:0}
.guide-contents-toggle{display:none}
.guide-table-hint{display:none}
@media(max-width:860px){
 body{font-size:15px;line-height:1.55;background-attachment:scroll}
 .layout{padding:8px 6px 28px;gap:12px}
 nav{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;position:sticky;top:4px;z-index:5;border-width:12px;padding:0 4px 4px;max-height:72vh;overflow:auto;filter:none}
 nav h1{grid-column:1;grid-row:1;margin:0;text-align:left;font-size:23px;align-self:center}
 nav .guide-back{grid-column:2;grid-row:1;font:14px/1.2 Georgia,serif;letter-spacing:0;display:flex;align-items:center;min-height:44px;white-space:nowrap}
 nav input{grid-column:1;grid-row:2;min-width:0;height:44px;margin:0;padding:8px;font-size:16px}
 .guide-contents-toggle{display:block;grid-column:2;grid-row:2;min-height:44px;border:1px solid #806748;border-radius:4px;background:#e3ce9f;color:#38251c;font:15px Georgia,serif;padding:8px 11px;cursor:pointer}
 #guideContents{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;padding-top:6px}
 nav[data-contents-open="false"] #guideContents{display:none}
 #guideContents a{display:flex;align-items:center;min-height:44px;font-size:19px;letter-spacing:0;border-top:1px solid #87683e44;transform:none}
 main{border-width:16px;padding:0 12px 14px;filter:none}
 main>h1{font-size:30px!important;margin-top:8px!important}
 main>p{text-align:left}
 h2{font-size:30px;line-height:1.15;margin-top:20px}
 h3{font-size:23px;line-height:1.2}
 section{scroll-margin-top:150px;overflow-wrap:anywhere}
 .cards{grid-template-columns:minmax(0,1fr);gap:12px}
 .cards article,.cards article:nth-child(even){padding:0 12px 10px;transform:none}
 .tablewrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
 table{min-width:560px;font-size:14px;line-height:1.45}
 th,td{padding:8px}
 th{font-size:18px;letter-spacing:0}
 th:first-child,td:first-child{position:sticky;left:0;z-index:1;min-width:100px;max-width:140px;background:#ede0bb;box-shadow:2px 0 0 #80674866}
 th:first-child{z-index:2;background:#d9c394}
 .guide-table-hint{display:block;margin:8px 0 0;font:12px/1.4 system-ui,sans-serif;color:#62472e}
 .tablewrap:focus-visible{outline:2px solid #8d2924;outline-offset:2px}
}
@media(max-width:350px){nav h1{font-size:20px}nav .guide-back{font-size:12px}.guide-contents-toggle{padding:8px}main{border-width:12px;padding:0 9px 12px}.layout{padding-inline:4px}}