.with-side{grid-template-columns:minmax(0, 1fr) var(--pub-side-w);gap:var(--pub-side-gap);align-items:start;display:grid}.with-side--solo{grid-template-columns:minmax(0,1fr)}.with-side>*{min-width:0}[data-surface=public] .side{gap:var(--pub-side-stack-gap);top:var(--pub-side-top);flex-direction:column;display:flex;position:sticky}[data-surface=public] .widget{border:1px solid var(--line);border-radius:var(--pub-widget-radius);box-shadow:var(--shadow);padding:var(--pub-widget-pad);background:#fff}.widget__title{margin:0 0 var(--pub-widget-title-pad-b);padding-bottom:var(--pub-widget-title-pad-b);font-size:var(--pub-widget-title-fs);text-transform:uppercase;color:var(--navy);align-items:center;gap:var(--pub-widget-title-gap);border-bottom:var(--pub-widget-title-line) solid var(--green-soft);font-weight:700;display:flex}.widget__title svg{color:var(--green);flex:none}[data-surface=public] .widget a:focus-visible,[data-surface=public] .widget button:focus-visible,[data-surface=public] .widget input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.w-list{margin:0;padding:0;list-style:none}.w-list li{grid-template-columns:var(--pub-rank-size) minmax(0, 1fr);overflow-wrap:anywhere;border-bottom:1px dashed var(--line);gap:10px;padding:10px 0;display:grid}.w-list li:last-child{border:0;padding-bottom:0}.w-list b{width:var(--pub-rank-size);height:var(--pub-rank-size);border-radius:var(--pub-rank-radius);background:var(--green-soft);color:var(--green);font-size:var(--pub-fs-side-n);place-items:center;display:grid}.w-list li:first-child b{background:var(--green);color:#fff}.w-list a{font-size:var(--pub-fs-side-link);font-weight:500;line-height:1.45}.w-list a:hover{color:var(--green)}.w-list small{color:var(--muted);font-size:var(--pub-fs-side-small);margin-top:3px;display:block}.w-notice{margin:0;padding:0;list-style:none}.w-notice li{grid-template-columns:var(--pub-notice-date-w) 1fr;border-bottom:1px dashed var(--line);gap:10px;padding:10px 0;display:grid}.w-notice li:last-child{border:0;padding-bottom:0}.w-notice b{color:var(--green);font-size:var(--pub-fs-side-link);font-weight:700}.w-notice a{font-size:var(--pub-fs-side-link);line-height:1.5}.w-notice a:hover{color:var(--green)}.chip-list{flex-wrap:wrap;gap:8px;display:flex}[data-surface=public] .chip{border-radius:var(--pub-chip-radius);border:1px solid var(--line);font-size:var(--pub-fs-chip);color:var(--text);background:#fff;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;transition:all .15s;display:inline-flex}[data-surface=public] .chip:hover{background:var(--green);border-color:var(--green);color:#fff}[data-surface=public] .chip .n{font-size:var(--pub-fs-chip-n);opacity:.7}.w-cats{margin:0;padding:0;list-style:none}.w-cats a{border-bottom:1px dashed var(--line);font-size:var(--pub-fs-side-cat);align-items:center;gap:10px;padding:10px 4px;font-weight:500;display:flex}.w-cats li:last-child a{border:0}.w-cats__icon{width:var(--pub-cats-icon-size);height:var(--pub-cats-icon-size);border-radius:var(--pub-cats-icon-radius);background:var(--green-soft);color:var(--green);flex:none;place-items:center;display:grid}[data-surface=public] .w-cats a .n{font-size:var(--pub-fs-side-n);color:var(--muted);background:var(--bg);border-radius:10px;margin-left:auto;padding:1px 8px}.w-cats a:hover{color:var(--green)}.w-cats a.on{color:var(--green);font-weight:700}.tips{font-size:var(--pub-fs-side-link);color:var(--muted);gap:8px;margin:0;padding:0;list-style:none;display:grid}.tips li{gap:8px;display:flex}.tips svg{color:var(--green);flex:none;margin-top:3px}[data-surface=public] .w-cta{background:var(--pub-cta-bg);color:#fff;border:0}[data-surface=public] .w-cta .widget__title{color:#fff;border-color:var(--pub-cta-divider)}[data-surface=public] .w-cta .widget__title svg{color:var(--pub-cta-accent)}[data-surface=public] .w-cta p{font-size:var(--pub-fs-side-link);opacity:.9;margin:0 0 14px}.side-btn{background:var(--pub-cta-btn-bg);color:var(--pub-cta-btn-fg);border-radius:var(--radius-button);width:max-content;font-family:inherit;font-weight:600;font-size:var(--pub-fs-btn);cursor:pointer;border:0;align-items:center;gap:10px;padding:11px 24px;transition:all .2s;display:inline-flex}[data-surface=public] .w-cta .side-btn:hover{background:var(--pub-cta-accent);color:var(--navy)}[data-surface=public] .widget.w-cta a:focus-visible,[data-surface=public] .widget.w-cta button:focus-visible,[data-surface=public] .widget.w-cta input:focus-visible{outline:2px solid var(--pub-focus-on-dark);outline-offset:2px}.nl .input{border-radius:var(--radius-input);width:100%;font:inherit;font-size:var(--pub-fs-btn);color:var(--text);background:#fff;border:0;margin-bottom:10px;padding:11px 14px;transition:all .15s;display:block}.nl .side-btn{background:var(--pub-cta-accent);width:100%;color:var(--navy);justify-content:center}.nl .side-btn:hover{background:#fff}.nl small{opacity:.7;margin-top:8px;font-size:11.5px;display:block}[data-surface=public].toast-wrap{z-index:var(--pub-z-toast);pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 32px);display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}[data-surface=public] .toast{background:var(--pub-toast-bg);color:var(--pub-toast-fg);border-radius:var(--pub-toast-radius);box-shadow:var(--pub-toast-shadow);font-size:var(--pub-fs-side-cat);align-items:center;gap:10px;padding:12px 18px;animation:.3s pub-toast-in;display:flex}[data-surface=public] .toast svg{color:var(--pub-cta-accent);flex:none}[data-surface=public] .toast.toast--out{opacity:0;transition:all .3s;transform:translateY(10px)}@keyframes pub-toast-in{0%{opacity:0;transform:translateY(14px)}}@media (min-width:1101px){[data-surface=public] .side{max-height:calc(100dvh - var(--pub-side-top) - 16px);overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}}@media (max-width:1100px){.with-side{grid-template-columns:1fr}[data-surface=public] .side{position:static}}@media (prefers-reduced-motion:reduce){[data-surface=public] .chip,.nl .input,.side-btn{transition:none}[data-surface=public] .toast{animation:none}[data-surface=public] .toast.toast--out{transition:none}}@media print{[data-surface=public] .side{display:none}.with-side{display:block}}
