#pen-course .pen-course-nav{display:flex;flex-wrap:wrap;gap:.8rem 2.4rem;margin-block:3rem}#pen-course a{color:rgb(var(--color-link, var(--color-foreground)));text-underline-offset:.3rem}#pen-course article{margin-block:4rem;scroll-margin-top:12rem}#pen-course h2{margin-top:3.6rem}#pen-course figure{margin:2.4rem 0}#pen-course img{display:block;max-width:100%;height:auto;margin-inline:auto}#pen-course .photo{max-height:1000px;object-fit:contain}#pen-course img.screen,#pen-course .control-map{max-width:min(100%,850px)}#pen-course figcaption{margin-top:.8rem;font-size:.9em}#pen-course :is(.note,.critical,.interactive-hint){background:rgba(var(--color-foreground),.05);padding:1.2rem 1.6rem}#pen-course :is(.note,.critical){border-inline-start:.3rem solid rgba(var(--color-foreground),.35)}#pen-course .critical{border-inline-start-color:currentColor}#pen-course table{width:100%;border-collapse:collapse;font-size:inherit}#pen-course :is(th,td){padding:.8rem;text-align:start;border:1px solid rgba(var(--color-foreground),.2)}#pen-course th{background:rgba(var(--color-foreground),.06)}#pen-course :is(.control-map,.screen-map){position:relative;margin-inline:auto}#pen-course :is(.control-map,.screen-map) img{width:100%}#pen-course :is(.control-box,.callout,.face-callout){position:absolute;box-sizing:border-box;border:2px solid #c40000;pointer-events:none}#pen-course .tool-number{left:78.5%;top:7%;width:8%;height:5.5%}#pen-course .touch-x{left:75.5%;top:14%;width:11%;height:5%}#pen-course .touch-z{left:75.5%;top:19.3%;width:11%;height:5%}#pen-course .reset-tool{left:86.5%;top:48%;width:11%;height:5.5%}#pen-course .offsets-tab{left:34.2%;top:54.4%;width:11.5%;height:5.5%}#pen-course :is(.control-box,.callout,.face-callout):after{content:attr(data-ref);position:absolute;right:100%;top:-2px;margin-right:2px;background:#c40000;color:#fff;font:700 12px/18px system-ui,sans-serif;text-align:center;min-width:20px;border-radius:3px;pointer-events:none}#pen-course .callout:after{right:auto;left:100%;margin:0 0 0 4px}#pen-course .face-callout{-webkit-appearance:none;appearance:none;margin:0;padding:0;background:transparent;cursor:pointer;pointer-events:auto}#pen-course .face-callout:is(:hover,:focus-visible){background:#ffdc002e;outline:3px solid #ffbd00}#pen-course .reference-details{margin-block:2rem;padding:1.2rem 1.6rem;border:1px solid rgba(var(--color-foreground),.22);border-radius:.8rem;overflow-x:auto}#pen-course summary{cursor:pointer;font-weight:600}#pen-course summary:before{content:"+";display:inline-block;width:1.6em}#pen-course details[open]>summary:before{content:"\2212"}#pen-course .setting-popup{position:fixed;inset:auto;z-index:1000;margin:0;padding:2.4rem;width:calc(100% - 48px);max-width:440px;max-height:calc(100vh - 24px);overflow:auto;border:1px solid rgba(var(--color-foreground),.2);border-radius:1.2rem;box-shadow:0 12px 50px #0005;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit}#pen-course .setting-popup h3{margin:0 2.8rem 1.2rem 0}#pen-course .popup-close{position:absolute;right:1.2rem;top:.8rem;font:inherit;font-size:2.8rem;line-height:1;color:inherit;border:0;background:transparent;cursor:pointer}@media(max-width:650px){#pen-course .facing-map{min-width:850px}#pen-course .facing-map-container{overflow-x:auto}}@media print{#pen-course :is(.pen-course-nav,.interactive-hint,.reference-details>summary){display:none}#pen-course .reference-details>:not(summary){display:block!important}#pen-course :is(figure,table){break-inside:avoid}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/pen-course.css.map */