@property --curl{syntax:"<number>";inherits:true;initial-value:1}.community{--tape:#eadba6;--note:#fff2a8;--ink-red:#b4442f;--curl:1;--torn:polygon(0 0,3px 8%,0 17%,3px 25%,0 33%,3px 42%,0 50%,3px 58%,0 67%,3px 75%,0 83%,3px 92%,0 100%,100% 100%,calc(100% - 3px) 92%,100% 83%,calc(100% - 3px) 75%,100% 67%,calc(100% - 3px) 58%,100% 50%,calc(100% - 3px) 42%,100% 33%,calc(100% - 3px) 25%,100% 17%,calc(100% - 3px) 8%,100% 0);--brick:url(/builder/tex/brick.webp) 0 0/calc(var(--two)*32/3);--block:url(/builder/tex/block.webp) 0 0/420px;--mortar:var(--concrete)}.community.framed{width:auto;max-width:none;margin-top:0;padding:0}.community>.framed{width:100%;min-height:80svh;padding-top:calc(3.2*var(--two));margin-top:0}.community>.framed:before{height:calc(1.2*var(--two))}main:has(>.community)+.foot{margin-top:0}.community.framed:before,.community.framed:after{content:"";inset:calc(2*var(--two)) auto var(--two) calc(2*var(--two));width:calc(50% - 600px - 2*var(--two));pointer-events:none;background:linear-gradient(#0000004d,#0000 calc(1.6*var(--two))),linear-gradient(90deg,#00000040,#0000 14px,#0000 calc(100% - 8px),#0000001f),var(--brick);height:auto;position:absolute;-webkit-mask:none;mask:none}.community.framed:after{inset-inline:auto calc(2*var(--two));scale:-1 1}.community .beam{margin:0 calc(-1*(var(--two) + var(--bay))) calc(var(--air) - 12px);padding:calc(.75*var(--two)) calc(var(--two) + var(--bay)) calc(.7*var(--two));text-align:center;background:linear-gradient(var(--arris)),url(/builder/tex/lumber.jpg) 0 0/calc(32*var(--two)) max(100%,calc(8*var(--two)));box-shadow:0 14px 16px -12px #00000059}.community .beam .title{font-size:clamp(22px,17px + 1.1vw,32px)}.community .beam .title a{color:inherit;text-decoration:none}.community .stamps{margin-top:calc(.5*var(--two));flex-wrap:wrap;justify-content:center;align-items:center;gap:8px clamp(12px,2.4vw,26px);display:flex}.community .stamps a{color:#1b2230;font:900 clamp(12px,11px + .35vw,15px)/1.1 var(--body);letter-spacing:.14em;text-transform:uppercase;mix-blend-mode:multiply;opacity:.82;filter:url(#inked);border:2.5px solid;border-radius:5px;padding:.45em .7em .37em;text-decoration:none;transition:background .15s,color .15s,rotate .15s;rotate:-1.2deg}.community .stamps a:nth-child(2){rotate:.9deg}.community .stamps a:nth-child(3){rotate:-.4deg}.community .stamps a[aria-current]{color:#f3e2c2;opacity:.95;background:#a6321f;border-color:#a6321f}.community .stamps a:is(:hover,:focus-visible){color:#f3e2c2;opacity:1;background:#1b2230;border-color:#1b2230;rotate:0deg}.community .stamps a[aria-current]:is(:hover,:focus-visible){background:#a6321f;border-color:#a6321f}.community .stamps a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.community .ink{position:absolute}.community .unseen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.community .lead{text-align:center;max-width:620px;margin-inline:auto;font-size:clamp(20px,17px + .8vw,26px);line-height:1.3}.community .pin{text-align:center;margin-top:24px}.community .pin .write{text-align:left;max-width:680px;margin-inline:auto}.community .pin summary{width:fit-content;margin-inline:auto;list-style:none}.community .pin summary::-webkit-details-marker{display:none}.community .order{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 32px;margin-top:22px;font-size:19px;display:flex}.community .order p{flex-wrap:wrap;gap:4px 18px;display:flex}.community .order a{color:inherit;text-decoration:none}.community .order a:hover{text-decoration:underline}.community .order a[aria-current]{text-underline-offset:.3em;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1.5px}.community .notes{grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));align-items:start;gap:48px 30px;margin-top:52px;display:grid}.community .notes>:nth-child(4n+1){--tilt:-.6deg;--stuck:1.5deg}.community .notes>:nth-child(4n+2){--tilt:.4deg;--stuck:-2deg}.community .notes>:nth-child(4n+3){--tilt:-.25deg;--stuck:-1deg}.community .notes>:nth-child(4n){--tilt:.7deg;--stuck:2deg}.community .courses{background:var(--mortar);gap:6px;max-width:860px;margin:44px auto 0;padding:6px;display:grid;box-shadow:0 1px 1px #16181a2e,0 16px 24px -12px #16181a80}.community .none{text-align:center;--tilt:-.8deg;width:min(100%,340px);margin:52px auto 0;font-size:22px;line-height:1.3}.community .none a{color:inherit}.community .pages{justify-content:center;gap:36px;margin-top:40px;font-size:22px;display:flex}.community .pages a{color:inherit}.community [data-in=news]{--tape:#f2ada0}.community [data-in=questions]{--tape:#a9cdf0}.community [data-in=show]{--tape:#b5dba6}.community .sheet{color:var(--ink);filter:drop-shadow(0 1px 1px #16181a3d);transform-origin:50% 0;rotate:calc(var(--tilt,0deg) + var(--sway,0deg));--face:var(--paper);--by:calc(var(--curl) + var(--gust,0));--back:calc((var(--by) - .8)*12px);--l:var(--left,0);--r:var(--right,1);border:0 solid #0000;border-image:url(/tex/curl.svg) 0 120 90/0 calc(120px*var(--by)*var(--r)) calc(90px*var(--by)) calc(120px*var(--by)*var(--l))/0 calc(16px*var(--by)) calc(40px*var(--by));padding:clamp(24px,3vw,34px) clamp(18px,3vw,32px) clamp(18px,2.6vw,28px);transition:--curl .2s;display:block;position:relative}.community .sheet:after{content:"";z-index:-1;background:var(--face);border:0 solid #0000;border-image:url(/tex/curl-shade.svg) 0 110 50/0 calc(110px*var(--by)*var(--r)) calc(50px*var(--by)) calc(110px*var(--by)*var(--l));clip-path:polygon(0 0,100% 0,100% calc(100% - 38px*var(--by)*var(--r)),calc(100% - var(--back)*.48*var(--r)) calc(100% - var(--back)*.88*var(--r)),calc(100% - 80px*var(--by)*var(--r)) 100%, calc(80px*var(--by)*var(--l)) 100%,calc(var(--back)*.48*var(--l)) calc(100% - var(--back)*.88*var(--l)),0 calc(100% - 38px*var(--by)*var(--l)));position:absolute;inset:0}.community :is(.notes,ol)>:is(:nth-child(3n+1),:nth-child(5n+3)){--left:1;--right:0}.community .sheet:before,.community .tape{background:color-mix(in srgb,var(--tape) 88%,#0000);clip-path:var(--torn);color:var(--ink);text-align:center;white-space:nowrap}.community .sheet:before{content:attr(data-tape);box-sizing:border-box;min-width:124px;height:34px;translate:-50%;rotate:calc(var(--stuck,-1.5deg) - var(--sway,0deg));font:20px/34px var(--hand);padding:0 24px;position:absolute;top:-17px;left:50%}.community .sheet.pinned:after{background:radial-gradient(circle 5px at 35% 30%,#c9cdd2,#c9cdd200) calc(50% - 96px) 6px/15px 15px no-repeat,radial-gradient(circle closest-side,#5b6066,#16181a 92%,#0000) calc(50% - 96px) 6px/15px 15px no-repeat, radial-gradient(circle closest-side,#16181a80 50%,#0000) calc(50% - 95px) 7px/19px 19px no-repeat,var(--face)}.community .sheet.note{--face:var(--note)}.community .tape{font:21px/1.5 var(--hand);padding:4px 24px 3px;text-decoration:none;display:inline-block}.community .thread{max-width:720px;margin-inline:auto}.community .back{flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:30px;font-size:20px;display:flex}.community .back a:not(.tape){color:inherit;text-decoration:none}.community .back a:not(.tape):hover{text-decoration:underline}.community .btn{cursor:pointer}
