:root{--orange:#ffa600;--orange-soft:#ffd380;--bg:#f2f2f2;--ink:#000;--ink-dim:#555}html,body{margin:0;padding:0}body{color:var(--ink);background-color:var(--bg);font-family:Arial,Helvetica,sans-serif;font-size:100.1%}a:link,a:visited,a:hover{color:var(--ink)}.wrap{border:1px solid var(--orange);border-left:10px solid var(--orange);border-right:10px solid var(--orange);box-sizing:border-box;background-color:#fff;width:700px;max-width:calc(100vw - 24px);margin:0 auto 10px;padding:0}.wrap p{margin:5px 10px 10px;font-size:90%;line-height:130%}.wrap h1{margin:10px 10px 5px;font-size:130%}.wrap h2{margin:10px 10px 5px;font-size:110%}.wrap ul{margin:5px 10px 15px 30px;padding:0}.wrap li{margin:5px 0;font-size:90%;line-height:130%}.wrap table{border-collapse:collapse;border:1px solid var(--orange);margin:5px 10px 10px}.wrap th{background-color:var(--orange-soft);border:1px solid var(--orange);text-align:left;padding:2px 10px;font-size:90%}.wrap td{border:1px solid var(--orange);padding:2px 10px;font-size:90%}.wrap input,.wrap textarea{border:1px solid var(--orange);box-sizing:border-box;margin:0 10px 5px;padding:3px 5px;font-family:Arial,Helvetica,sans-serif;font-size:90%}.wrap input[type=text],.wrap input[type=email],.wrap textarea{width:calc(100% - 30px)}.wrap textarea{resize:vertical;min-height:120px}.wrap button{background:var(--orange-soft);border:1px solid var(--orange);cursor:pointer;margin:0 10px 10px;padding:4px 14px;font:90% Arial,Helvetica,sans-serif}.wrap button:hover{background:var(--orange)}#pagetitle{text-align:center}#pagetitle .title-row{justify-content:center;align-items:center;gap:14px;padding:6px 0;display:flex}#pagetitle img{width:42px;height:42px;display:block}#pagetitle h1{margin:0}#navmenu ul{white-space:nowrap;text-align:center;margin:0;padding:0;list-style:none}#navmenu li{font-size:90%;font-weight:700;line-height:130%;display:inline}#navmenu a{cursor:pointer;padding:2px 10px;text-decoration:none}#navmenu a.active{background-color:var(--orange-soft);border-left:1px solid var(--orange);border-right:1px solid var(--orange)}#navmenu a:hover{background-color:var(--orange);color:#000}#header{background-image:url(/head.jpg);background-position:50%;background-size:cover;height:220px}#footer p{color:var(--ink-dim);margin:5px 10px;font-size:80%}.tags{flex-wrap:wrap;gap:4px;margin:4px 10px 10px;display:flex}.tag{border:1px solid var(--orange);cursor:default;background:#fff;padding:1px 7px;font-family:Arial,Helvetica,sans-serif;font-size:75%;display:inline-block}button.tag{cursor:pointer}.tag.active{background:var(--orange-soft)}.project{border:1px solid var(--orange);background:#fffdf6;margin:10px;padding:10px}.project h2{margin:0 0 4px;font-size:105%}.project .meta{color:var(--ink-dim);margin:0 0 8px;font-size:80%}.project p{margin:0 0 6px;font-size:90%;line-height:130%}.project a.outlink{margin-top:4px;font-size:80%;text-decoration:underline;display:inline-block}.legend{color:var(--ink-dim);margin:0 10px 10px;font-size:78%;line-height:140%}@media (width<=720px){.wrap{border-left-width:6px;border-right-width:6px}#header{height:140px}}